View Single Post
Old 04-12-2009, 04:25 AM   PM User | #4
Excavator
Master Coder


 
Excavator's Avatar
 
Join Date: Dec 2006
Location: Alaska
Posts: 5,227
Thanks: 11
Thanked 776 Times in 767 Posts
Excavator will become famous soon enoughExcavator will become famous soon enough
Could get rid of an extra div like this -
markup
Code:
    <p><a title="Links to News archives dating back to the site's beginning in June, 2000" href="http://radified.com/Archives/">News Archives</a></p>
  <p><a href="http://radified.com/splash.rad" title="Splash page (7-second timer kicks you back here)">Splash 
      Page</a></p>
  </div>
  <div style="height: 4587px;" id="mainContent" class="column">
                      <!-- CSS Tabs -->
     <ul id="navigation">
          <li><a href="http://radified.com/index.rad"><span>Home</span></a></li>
          <li><a href="http://radified.com/cgi-bin/yabb2/YaBB.pl"><span>Forums</span></a></li>
          <li><a href="http://mt4.radified.com/"><span>Blog</span></a></li>
          <li><a href="http://radified.com/About/"><span>About</span></a></li>
        <li class="last"><a href="http://radified.com/no_spam/contact.htm"><span>Contact</span></a></li>
     </ul>

    <p class="adlinks">
      <script type="text/javascript"><!--
google_ad_client = "pub-144321553056470
CSS
Code:
/* CSS-based Tabbed Menu */

ul#navigation, #navigation li {
height: 19px;
     list-style: none;
     margin: 1em 0 0 0;
     padding: 0;
 }
ul#navigation {
     text-align: center;
	 border-bottom: 2px #699 solid;
 }

 #navigation li {
     display: inline;
     margin-right: .75em;
 }

 #navigation li.last {
     margin-right: 0;
 }
 
 #navigation li a {
     padding: 1px 1em;
 }
 
 #navigation li a {
     background: #699 100% 0;
     color: black;
     padding: 0;
     text-decoration: none;
	 border-bottom: 1px #699 solid
 }

 #navigation li a span {
     background: #699;
     padding: 1px 1em;
	 font-weight: bold;
 }

 #navigation li a:hover span {
     color: #000;
     text-decoration: none;
	 background-color:#6CC;
	 font-weight: bold;
 }
__________________
Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, then hack it for IE
Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad
Excavator is offline   Reply With Quote
Users who have thanked Excavator for this post:
PonchoX (04-12-2009)