I couldn't decide which version I like best for the main page so here are the two and after that is the gallery page i'm working on. C&C plz
On the 3rd one, honestly you wouldn't use the slice tool at all. It can all be done easily in CSS, The header matches well with the overall color scheme you are using but it is very basic and isn't the best. The nav buttons are way to big, not to mention the size of text. The color you chose for the nav, I'm not sure if it was already done up in a premade color scheme, such as Kuler or something, but it does not go with everything else. My advice is since you have a simple 3 color site (if including white then 4) is to look into Kuler and find a theme that goes well with one another. The fonts on the nav should all be the same sizee. You have them all except for "Gallery" and its smashed together. On the last "Home" nav button to the right is a 1-2 vertical marquee pixel of orange, make sure that gets fixed. Overall this site is very basic and I can very well tell you are starting out (nothing wrong with that we all started at this level). I encourage you to follow tutorials, look at other web sites source code, read text books, and learn the basic styles of sites (3 column bars, ect). Good job! Edit: Just to show you how much easier it would be using CSS I have recreated the 3rd on except for the gallery part.. Code: <!-- body{ background:#ff903a; padding:0 0 20px 0; margin:0; font-family:Tahoma, Arial, Helvetica, sans-serif; } div, h1, h2, h3, p, ul, img{ padding:0; margin:0; } ul{ list-style-type:none; } .spacer{ font-size:0; line-height:0; clear:both; } #body{ width:704px; background:#ffd291; margin:0 auto; padding:31px 37px 42px; } #header{ background:#000000; height:50px; width:778px; margin:0 auto; padding:20px 0 0 0; } #nav{ background:#3ce1f4; padding-right:inherit; height: 50px; width:778px; } #nav ul{ height:31px; color:#ccc; margin-top: 25px; } #nav ul li{ float:left; margin-top: -20px; color:#ffffff; font-size:36px; border-right-width: thick; border-right-style: solid; border-right-color: ffd291; } --> HTML Code: <div id="header"> </div> <div id="nav"> [list] [*]BLAH [*]BLAH [*]BLAH [*]BLAH [*]BLAH [/list] </div> <div id="body"> Your gallery stuff goes here... </div> Don't ask why I put the border-right-ect , you had it in your design and I didn't feel like really going to indepth with this... Is it perfect/flawless? No, just showing you a quick example. This took less than 10 minutes to do... tested in Opera, looks fine expect the border-right- ect stuff looks funky, but easy fix
Thanks and I'm not trying to do anything Fancy it just something very simplistic/ minimalistic for my hosting.