Sent by good one on 28 July 2008 23:11
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-REMOVED]]
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/
