Forums

Nav Links not working in IE (3 posts)

  1. lorderk
    Member
    Posted 3 years ago #

    I have been searchingthrough my code and all over the web and have yet to find a solution.

    In Firefox my nav links work just fine, yet in IE they look to be links, they show the destination in the status bar, but when you click on them, nothing happens.

    Site: http://www.lorderk.com

    CSS:

    #header {
    float:left;
    width:932px;
    height:165px;
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
    }
    
    #logo {
    float:left;
    margin:45px 0px 0px 0px;
    }
    
    #pages {
    float:right;
    color:#BDAFA8;
    margin:40px 0px 0px 0px;
    height:65px;
    width:115px;
    padding:8px 0px 0px 18px;
    }
    
    span.menu-items {
    width:115px;
    height:20px;
    display:block;
    margin-left:5px;
    margin-right:5px;
    cursor:pointer;
    }
    
    span.last-menu-item {
    width:115px;
    height:30px;
    display:block;
    margin-left:5px;
    margin-right:5px;
    cursor:pointer;
    }

    Header.php

    <div id="header">
        	<div id="logo">
            	<a href="<?php bloginfo('url'); ?>/"><img src="<?php bloginfo('template_url'); ?>/images/logo-trans.png" alt=""/></a>
            </div>
            <div id="pages">
            	<a href="<?php bloginfo('url'); ?>/"><span class="menu-items"><img src="<?php bloginfo('template_url'); ?>/images/blog.png" alt=""/></span></a>
                <a href="<?php bloginfo('url'); ?>/portfolio/"><span class="menu-items"><img src="<?php bloginfo('template_url'); ?>/images/portfolio2.png" alt=""/></span></a>
                <a href="<?php bloginfo('url'); ?>/about/"><span class="menu-items"><img src="<?php bloginfo('template_url'); ?>/images/about2.png" alt=""/></span></a>
                <a href="<?php bloginfo('url'); ?>/contact/"><span class="last-menu-item"><img src="<?php bloginfo('template_url'); ?>/images/contact2.png" alt=""/></span></a>
            </div>
        </div>

    Any ideas?

  2. curtismchale
    Member
    Posted 3 years ago #

    That is because all of the links go to your homepage. that is what </php bloginfo('url'); ?> does. you need to link to the actual pages not the root of your site.

  3. lorderk
    Member
    Posted 3 years ago #

    Updated all the links like you said, still isn't working. Still works fine in Firefox.

    Btw, the old links worked just fine the way I had them. They were just working in Firefox though.

    Latest:

    <div id="header">
        	<div id="logo">
            	<a href="http://www.lorderk.com/"><img src="http://www.lorderk.com/wp-content/themes/elements_10/images/logo-trans.png" alt=""/></a>
            </div>
            <div id="pages">
            	<a href="http://www.lorderk.com/"><span class="menu-items"><img src="http://www.lorderk.com/wp-content/themes/elements_10/images/blog.png" alt=""/></span></a>
                <a href="http://www.lorderk.com/portfolio/"><span class="menu-items"><img src="http://www.lorderk.com/wp-content/themes/elements_10/images/portfolio2.png" alt=""/></span></a>
                <a href="http://www.lorderk.com/about/"><span class="menu-items"><img src="http://www.lorderk.com/wp-content/themes/elements_10/images/about2.png" alt=""/></span></a>
                <a href="http://www.lorderk.com/contact/"><span class="last-menu-item"><img src="http://www.lorderk.com/wp-content/themes/elements_10/images/contact2.png" alt=""/></span></a>
            </div>
        </div>

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags