Jump to content

navigation table


kaz
 Share

Recommended Posts

I'm trying to create a navigation table to to the right of the main table but it 's not showing. Here is the css code: the code for the nav table is at the bottom:body {background-color : #87ceeb;}.ictdnews-stayinformed {font-family : Arial;font-weight : bold;font-size : x-large;text-align:left;}#maincontent{float:left;width:500px;background-color:#ffffff;border-right:2px solid #000000;border-left:2px solid #000000;border-top:2px solid #000000;border-bottom:2px solid #000;margin-right:15px;padding-bottom:20px;}#network{font-family:Arial;font-weight:bold;font-size:16px; text-transform:capitalize;text-align:justify;}#learn{font-family:Arial;font-weight:bold;font-size:16px; text-transform:capitalize;text-align:justify;#systems{font-family:Arial;font-weight:bold;font-size:16px; text-transform:capitalize;text-align:justify;#blind{font-family:Arial;font-weight:bold;font-size:16px; text-transform:capitalize;text-align:justify;#training{font-family:Arial;font-weight:bold;font-size:16px; text-transform:capitalize;text-align:justify; #rightnav {float:right;width:50px;background:#ffffff;border-right:2px solid #000000;border-bottom:2px solid #000000;margin-right:15px;padding-bottom:20px;here is the html:<html><head><title>ICTD Bulletin</title><link href="news.css" rel="stylesheet" type="text/css" /></style></head><body><p class="ictdnews-stayinformed">ictd ebulletin - Stay Informed</p><div id="maincontent"><h4 id="network">New online Register to be installed</h4><p>This technique was famously chronicled by Jeffrey Zeldman in his ALAarticle A Web Designer's Journey<http://www.alistapart.com/stories/journey/>, and is an extremely easylayout to implement requiring only a simple float:left declaration.</p><h4 id="learn">Video link connected with Canadian University</h4><p>This technique was famously chronicled by Jeffrey Zeldman in his ALAarticle A Web Designer's Journey<http://www.alistapart.com/stories/journey/>, and is an extremely easylayout to implement requiring only a simple float:left declaration.</p><h4 id="systems">New Timing software installed at ICT Directorate labs</h4><p>This technique was famously chronicled by Jeffrey Zeldman in his ALAarticle A Web Designer's Journey<http://www.alistapart.com/stories/journey/>, and is an extremely easylayout to implement requiring only a simple float:left declaration.</p><h4 id="blind">New technology installed at Assertitive lab</h4><p>This technique was famously chronicled by Jeffrey Zeldman in his ALAarticle A Web Designer's Journey<http://www.alistapart.com/stories/journey/>, and is an extremely easylayout to implement requiring only a simple float:left declaration.</p><h4 id="training">New training session started </h4><p>This technique was famously chronicled by Jeffrey Zeldman in his ALAarticle A Web Designer's Journey<http://www.alistapart.com/stories/journey/>, and is an extremely easylayout to implement requiring only a simple float:left declaration.</p><div id="rightnav"><h4 id="contents">Contents</h4></div></body></html>

Link to comment
Share on other sites

Try close your CSS rules with } - e.g. #learn is opened but never closed, and also closing your <p> tags. Also, it is possible to just give your h4s a class so that you don't have to repeat the identical CSS rule. E.g.

h4.menu{font-family:Arial;font-weight:bold;font-size:16px; text-transform:capitalize;text-align:justify;}

and

<h4 class="menu" id="systems">

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...