Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home › Forums › Back End › ul list links unclickable in IE

  • This topic is empty.
Viewing 1 post (of 1 total)
  • Author
    Posts
  • April 18, 2010 at 1:38 pm #28769
    smythe01
    Member

    hey everyone, I seem to be having problems with my WordPress site, as per usual everything seems to work fine in firefox and Safari, only when I preview it in IE are there issues.
    here is the site:
    http://www.forgecreative.net/wordpress

    the links in the top nav bar don’t seem to work in IE, they show up as just text but the links work fine in other browsers, I can’t find out what is wrong and have looked everywhere for an answer. any suggestions are greatly appreciated.

    there also are gaps in between the divs in the nav bar, I have tried numerous things (removing padding, clearing divs) but nothing seems to work and again, this is only in IE, no other browser shows this issue.
    here is the css code:
    [code
    /* CSS Document */
    .clear { clear: both; }

    p{
    font-size:1.2em;
    padding:2px;
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: bold;
    margin-top: 1px;
    margin-right: 20px;
    margin-bottom: 15px;
    margin-left: 60px;
    }

    div#page-wrap {
    width:800px;
    margin: 0 auto;
    background-image: url(http://www.forgecreative.net/wordpress/ … olumns.png);
    border: 2px solid #FFFFFF;
    background-position: center;
    text-align: center; /* for IE */
    }
    div#nav {
    float: left;
    height: 350px;
    width: 800px;
    vertical-align: top;
    background-color: #000000;
    }
    div#main-content{
    width: 800px;
    margin: 0 auto;
    text-align: left;
    }
    div#navcontent{
    float: left;
    width: 599px;
    height: 49px;
    background-image: url(http://www.forgecreative.net/wordpress/ … navbar.jpg);
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #FFFFFF;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #FFFFFF;
    }
    div#navcontent-upper{
    float: left;
    width: 600px;
    height: 30px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #FFFFFF;
    }
    div#navcontent-lower{
    float: left;
    width: 600px;
    height: 20px;
    }

    div#footer{
    width: 800px;
    height: 50px;
    background-color: #000000;
    text-align: center;
    position: relative;
    padding-top: 8px;
    }

    /* ul nav button */
    div#navcontent-upper li a {
    display:block;
    margin:0;
    color:#FFFFFF;
    font-family: Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-transform: capitalize;
    padding-top: 8px;
    padding-right: 10px;
    padding-bottom: 7px;
    padding-left: 10px;
    font-style: normal;
    text-decoration: none;
    }
    .footer li a {
    color:#CCCCCC;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    letter-spacing: -0.02em;
    font-weight: normal;
    padding-right: 20px;
    padding-bottom: 7px;
    padding-left: 15px;
    font-style: normal;
    text-decoration: none;
    text-transform: uppercase;
    }
    .footer UL LI {
    list-style: none;
    display: inline;
    }
    .footer A:HOVER {
    color: #6C0000;
    text-decoration: none;
    }
    div#navcontent-lower li a {
    display:block;
    margin:0;
    color:#E9ABAB;
    font-family: Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-transform: capitalize;
    padding-top: 3px;
    padding-right: 75px;
    padding-bottom: 0px;
    padding-left: 15px;
    font-style: normal;
    text-decoration: none;
    }

    div#navcontent-lower li a:hover {
    color:#FFFFFF;
    }
    div#navcontent-upper li a:hover {
    color:#E9ABAB;
    }
    /*** CUSTOM STYLES ***/

    .menu, .menu * {margin:0;padding:0;list-style:none;}
    .menu {line-height:1.0;}
    .menu ul {position:absolute;top:-999em;width:10em;display:block; /* left offset of submenus need to match (see below) */}
    .menu ul li {width:100%;margin:0 !important;}
    .menu ul ul li{margin:0 !important;}
    .menu li:hover {visibility:inherit; /* fixes IE7 ‘sticky bug’ */}
    .menu li {float:left;position:relative;}
    .menu a {display:block;position:relative;}
    .menu li:hover ul,.sf-menu li.sfHover ul {left:0;top:38px; /* match top ul list item height */ z-index:1000;}
    ul.menu li:hover li ul, ul.sf-menu li.sfHover li ul {top:-999em;}
    ul.menu li li:hover ul, ul.sf-menu li li.sfHover ul {left:10em; /* match ul width */ top:0;}
    ul.menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {top:-999em;}
    ul.menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {left:10em; /* match ul width */ top:0;}

    ][/code]

    and the header page where code where the problem is occuring:

    Code:

    >



    <?php wp_title('«', true, 'right'); ?> <?php bloginfo('name'); ?>

    I only posted the code I thought was relevant,

    I would greatly appreciate any help. Thanks!

  • Author
    Posts
Viewing 1 post (of 1 total)
  • The forum ‘Back End’ is closed to new topics and replies.