SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Zealot
    Join Date
    Jul 2005
    Posts
    134
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    I think I'm missing something obvious-links don't work

    I'm sure I'm looking right past something obvious here. I'm redoing a website I did long ago in dreamweaver. I can't hover or click on the links in the navigation bar. I think this happened when I tried to place an embedded style to make the #navigation the height of that particular page. I removed it but I just don't see why this isn't working. The page is at: http://peacefuldriver.net/ES_CSS/ARC_CSS.htm

    HTML Code:
    <body>
    <div id="logo"><img src="images/logo_small_green.gif" width="78" height="118" alt="Ecological Strategies Logo" /></div>
    
    <div id="navigation">
    
    <ul>
    		<li><a href="index.htm">Home</a></li>
    		<li><a href="about.htm">About Us</a> </li>
    		<li><a href="ecol_services.htm">Ecological Services</a> </li>
    		<li><a href="wwlap.htm">West Wisconsin Landowner Assistance </a></li>
    		<li><a href="CORC.htm">Community Organizing</a> </li>
    		<li><a href="natural_resources.htm">Natural Resources Consulting</a> </li>
    		<li><a href="ARC.htm">Applied Research</a> </li>
    		<li><a href="ecological_restoration.htm">Ecological Restoration</a></li>
    		<li><a href="contact.htm">Contact Us</a> </li>
    </ul>
    
    </div><!--end navigation-->
    Code:
    /*NAVIGATION ONLY STYLES*/
    #navigation {
    	float: left;
    	margin: 0 0 0 0;
    	padding: 0 0 0 0;
    	background-color: #8C4D7B;
    	width: 14em;
    	height: 100%;
    	text-align: left;
    }
    
    #navigation ul {
    	margin: 10px 10px 0px 10px;
    	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    	font-size: 1.1em;
    	text-align: left;
    	padding:0px;
    	background-color:#8C4D7B;
    }
    
    #navigation li{
    	list-style-type: none;
    	border-bottom: thin solid #62A76C;
    	line-height: 1.5em;
    	padding-left: 5px;
    	padding-bottom: 5px;
    	padding-top: 5px;
    	background-color: #8C4D7B;
    }
    
    #navigation a{
    	display: block;
    	text-decoration: none;
    	font-weight: bold;
    	
    }
    #navigation a:link, #navigation a:visited{
    	color: #FFFFCC;
    }
    
    #navigation a:hover{
    	color: #62A76C;
    }
    Thanks for looking.

  2. #2
    SitePoint Wizard rbutler's Avatar
    Join Date
    Jul 2003
    Location
    Springfield, MO
    Posts
    1,867
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    "hasLayout" in IE I believe, this worked locally for me:

    Code:
    <!--[if lte IE 6]>
    <style>
    #navigation a{
        height:1&#37;;
    }
    </style>
    <![endif]-->
    I placed this after the original closing style tag.
    Ryan Butler

    Midwest Web Design


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •