Hi sorry about the last post that may be hard to understand here is a much refined version, I am trying to make the headertop class go to the right top of the page it is messing up the navigation, thanks for any advice on why it is going all pete tong (for those not in the uk who don't speak cockney all wrong!!) cheers <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";><html xmlns="http://www.w3.org/1999/xhtml"; xml:lang="en" lang="en"> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8" /><title>my site</title><style type="text/css" > html { padding-right: 0px; padding-left: 0px; background: #fff; padding-bottom: 0px; margin: 0px; color: #000; padding-top: 0px}body { padding-right: 0px; padding-left: 0px; background: #fff; padding-bottom: 0px; margin: 0px; color: #000; padding-top: 0px}body { font: 100% helvetica, arial, sans-serif; text-align: center}img { border-right: #ddd 1px solid; border-top: #ddd 1px solid; display: block; border-left: #ddd 1px solid; border-bottom: #ddd 1px solid}header img a { border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px; text-decoration: none}h1 { margin: 0px;}h2 { font-size: 100%; margin: 10px 0px 0px 20px; color: #1874CD}h3 { font-size: 100%; margin: 10px 0px 0px 20px; color: #1874CD}h4 { font-size: 100%; margin: 10px 0px 0px 20px; color: #1874CD}h2 { padding-bottom: 10px}h5 { border-right: #c0c0c0 3px solid; padding-right: 8px; border-top: #c0c0c0 3px solid; padding-left: 8px; FONT-WEIGhT: normal; font-size: 90%; background: #eee; padding-bottom: 8px; margin: 10px 10px 0px 15px; border-left: #c0c0c0 3px solid; color: #191919; padding-top: 8px; border-bottom: #c0c0c0 3px solid}p { padding-right: 0px; padding-left: 0px; padding-bottom: 10px; margin: 0px 20px; padding-top: 10px}#header { padding-right: 0px; padding-left: 0px; padding-bottom: 0px; padding-top: 5px}#header img {border-top-width:0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px; margin-left: 15px; padding-top:0px;}.headertop { font-weight : bolder; font-size : 75%; margin-right : 8px; margin-bottom: 3px; font-style: italic; vertical-align: middle; padding-top: 0px; color: #119236; float: right;}#page { border-right: #ddd 3px double; border-top: #ddd 3px double; margin: 0px auto; OVERFLOW: hidden; border-left: #ddd 3px double; width: 781px; border-bottom: #ddd 3px double; text-align: left}.content { float: left; width: 546px}.c1 { background: #f9f9f9; }.c2 { font-size: 80%; background: #f2f2f2; width: 346px;}.c2 p { padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px 20px; padding-top: 10px}.c3 { font-size: 80%; background: #f9f9f9; width: 200px;}#footer { clear: both; border-top: #eee 1px solid; float: left; width: 100%; text-align: center} #navcontainer { padding-right: 0px; padding-left: 0px; background: white; padding-bottom: 5px; padding-top: 3px}ul#navlist { border-top:4px solid solid #2B67EF; padding-right: 0px; padding-left: 0px; padding-bottom: 2px; margin: 0px; padding-top: 0px; text-align: center}#navlist li { background: red; float: left; display: inline; font-size: 90%; line-height: 1.7; list-style-type: none; width:14.185%;}b { display: inline; font-size: 90%; line-height: 1.7; LIST-STYLE-TYpE: none}#navlist a {border-right : 1px solid #2B67EF; display : block; font: 80% tahoma, arial, sans-serif; color : #fff; text-align : center;}#navlist a:link { background: red; color: #fff; text-decoration: none}#navlist a:visited { background: red; color: #fff; text-decoration: none}#navlist a:hover { background: #42C0FB; color: #fff; text-decoration: none}b { padding-right: 20px; padding-left: 20px; background: red; padding-bottom: 4px; color: #fff; padding-top: 4px}.clear { clear: both}</style></head><body><div id="page"><div id="header"><a href="now.html"><img height="153" alt="charity" src="images/sitelogo.gif" width="251" /></a> <div class="headertop">The standard chunk of Lorem Ipsum<br/>The standard chunk of Lorem Ipsum<br/>The standard chunk of Lorem Ipsum<br/></div></div><div id="navcontainer"> <ul id="navlist"> <li><div class="topmenuitem"><a href="">Home</a> </div></li> <li><div class="topmenuitem"><a href="">About </a> </div></li> <li><div class="topmenuitem"><a href="">lorem</a> </div></li> <li><div class="topmenuitem"><a href="">lorem</a> </div></li> <li><div class="topmenuitem"><a href="">lorem</a> </div></li> <li><div class="topmenuitem"><a href="">lorem</a> </div></li> <li><div class="topmenuitem"><a href="">lorem</a> </div></li> </ul></div><div id="wrapper"><div class="content"><div class="content c1"></div><div class="content c2"></div><div class="content c3"></div></div></div><div id="sidebar"></div><div></div></div> <div class="clear"><!--&#nbsp;--></div><div id="footer"> </div></div></body></html>
Get Messenger on your Mobile! Get it now! Get fish-slapping on Messenger! Play Now _________________________________________________________________ 100’s of Nikon cameras to be won with Live Search http://clk.atdmt.com/UKM/go/101719808/direct/01/ ______________________________________________________________________ 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/
