Sent by good one on 25 July 2008 12:12
Hello please can I get some advice on this, I'm a newbie on this css stuff. 1)The div id="cont"
drops down2)The whole div id="central" (which contains the cont div) is not closeup ie there is a
gap between it and the topnavigation 3)I using a div as clearboth I don't know if that is a correct
way of doing it This is the short code that needs no images and can be seen but cutting and pasting
if needs be.It is validated strict xhtml-I don't have any non-domained hosting that I can show you
the site live on. Thanks <!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>site.org.uk</title>
<style type="text/css">
/* universal */
html, body { background-color : #fff; color : #000; margin : 0; padding : 0;}body {font : 100%
tahoma, arial, sans-serif; color : #4d4d4d;}
..clearboth { clear: both }
a {text-decoration: none;}
/*layout*/
#sitecontainer { float: left; width: 775px; margin-left: 10px;}
/* topnav and header */
#header { clear: right; background: #ffffff; float: left; padding-bottom: 13px; color: #026d9f;
padding-top: 15px}
#sitelogo { padding-left: 20px; padding-right: 19px;}.logo { border-top-width:0px;
border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px;}
#topnav { padding-right : 0; border-top : 4px solid #2B67EF; margin : 0; width : auto; clear : both;
min-height : 1.0em; height: 1.0em; border-bottom: 3px solid #ffffff;}
#topnav li { display : inline; background : #9D0A6B no-repeat left top; float : left;width :
16.705%; height : auto;}
#topnav a { border-right : 1px solid #2B67EF; display : block; font : 90% tahoma, arial, sans-serif;
color : #fff; text-align : center;}
#topnav a:hover {background: #fcda2e no-repeat left top; text-decoration: none}
/*center content*/
#central { float: left; width: 100%; padding-top: 0px;}
#contenthome { float: left; width: 544px; }
/* right content */
#cont { float: right; margin-left: 2px; width: 228px; border-top : 0px solid #2B67EF;}
..dividerstrip {border-right: #4680C3 1px solid; border-top: #4fa5ca 0px solid; font-size: 3pt;
background: #017db2; border-left: #2791be 1px solid; border-bottom: #005b82 1px solid}
..conth {padding: 10px; font: 80% tahoma, arial, sans-serif; padding-bottom: 5px; color: #ffffff;
padding-top: 5px; background-color: #2586b3;}
..smallintro {padding: 8px; float: right; width: 218px; font: 90% tahoma, arial, sans-serif;}
..smallintro img {padding: 8px; float: left;}
/* footer css */
#footer { clear :both; text-align : center; padding: 10px 0; width : 100%; }#footer p {font-size :
75%; line-height: 2; margin-top : 0; margin-bottom : 0;}</style></head>
<body><div id="sitecontainer">
<div id="header">
<div id="sitelogo"><a href="indexone.html"><img class="logo" alt="" src="site/sitelogo.gif"
height="91" width="300"/></a></div></div>
<div><ul id="topnav"> <li><div class="topmenuitem"><a href="">Home</a> </div></li> <li><div
class="topmenuitem"><a href="">About site</a> </div></li> <li><div class="topmenuitem"><a
href="">site volunteers</a> </div></li> <li><div class="topmenuitem"><a href="">site solutions</a>
</div></li> <li><div class="topmenuitem"><a href="">site Forum</a> </div></li> <li><div
class="topmenuitem"><a href="">Support Us</a> </div></li></ul></div>
<div id="central">
<div id="contenthome"><div id="clearboth"><img height="148" alt="Homepage" src="site/Homepage-1.jpg"
width="544" />
<div class="contentone">contentone</div><div class="contenttwo">contenttwo</div></div></div>
<!-- right navigation -->
<div id="cont"><div class="dividerstrip"> </div>
<div class="conth">Events</div>
<div class="smallintro"><p><img src="site/charity.jpg" alt="" width="65" /><a href="">site, site,
site</a><br />site, site, site, site, site, site, site, site, site, site, site, site, site, site,
site, site, site, site, site, site, site, site, site, site, site, site, site.</p></div>
<div class="smallintro"><p><img src="site/charity.jpg" alt="" width="65"/><a href="">site, site,
site</a><br />site, site, site, site, site, site, site, site, site, site, site, site, site, site,
site, site, site, site, site, site, site, site, site, site, site, site, site.</p></div><div
class="clearboth"><br/></div>
<div class="dividerstrip"> </div>
<div class="conth">News and Features</div><div class="smallintro"><p><img src="site/charity.jpg"
alt="" width="65" /><a href="">site, site, site</a><br />site, site, site, site, site, site, site,
site, site, site, site, site, site, site, site, site, site, site, site, site, site, site, site,
site, site, site, site.</p></div>
<div class="smallintro"> <p><img src="site/charity.jpg" alt="" width="65" /><a href="">site, site,
site</a><br />site, site, site, site, site, site, site, site, site, site, site, site, site, site,
site, site, site, site, site, site, site, site, site, site, site, site, site.</p></div>
<div class="clearboth"></div></div></div>
<div id="footer">
<div id="footertext"><p>copyright etc. icons</p></div></div></div></body></html>
_________________________________________________________________
Find the best and worst places on the planet
http://clk.atdmt.com/UKM/go/101719807/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/
