Hi Carrie, Always start with a minimalist HTML or XHTML file.You have some unnecessary <span> tags in your markup.
Check to make sure your page validates before you style anything. I'm not saying your page doesn't validate, but step 2 is validation which rules out broken tags and other issues that have nothing to do with CSS. Browsers try their best to render broken pages, so you can be misled into thinking your markup is fine when in fact you may have missed a closing tag somewhere. To style, break your site down into boxes. Typically, header, content, nav and footer. It often helps to have a 'wrapper div' around everything, or around two or more boxes, especially with a multi-column layout. Although it is possible to use IDs on items like you have it on <ul id="nav"> I've found it is often easier to position things if they are inside of <div> tags, eg. <div id="nav"><ul><li><a href="page.html">Link</a></li></ul></div>. Sometimes I purposely put borders of different colors on my CSS for certain items to make sure it is positioning where I want. If you add borders to your stuff you will see several things that are either wider or differently shaped than you thought. Then remove the borders at the end. To position your nav in line with your logo, you may want to try wrapping your nav inside a div, with a width, and the float right. Put your div with the nav before the logo in the markup, otherwise it drops down below. You could also try putting negative margin on the top of the nav UL, eg margin-top:-4em; Do a Google search for 3-column layout css and you'll find a lot of stuff you could use to get the look you're after. Good luck! > ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
