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>
_________________________________________________________________
Play and win great prizes with Live Search and Kung Fu Panda
http://clk.atdmt.com/UKM/go/101719966/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/
