html - Links are disabled -
on site: http://elektrikhost.com/ when try , click on link, disabled. think because of 2 images @ end of navigation bar. tried remove images navigation navigation falls apart. site client , must have images in.
how can work?
my html:
<div class="ref1"> <img src="images/ref1.png" alt="ref" /> </div> <nav> <ul> <li><a href="index.html">home</a></li> <li><a href="about-us.html">about us</a></li> <li><a href="https://clients.elektrikhost.com/">client login</a></li> <li><a href="https://clients.elektrikhost.com/submitticket.php">support</a></li> <li><a href="contact.html">contact</a></li> </ul> </nav> <div class="ref2"><img src="images/ref2.png" alt="ref" /></div>
css:
/* -- nav -- */ nav { background: #282828 url(../images/nav-bg.jpg) repeat-x; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; margin: -37px 0 -28px 0; } nav ul { padding: 21px 0; } nav ul li { background: url(../images/nav-sep.jpg) left center no-repeat; display: inline; padding: 0 47px; margin: 0 8px 0 0; } nav ul li:first-of-type { background: none; } nav ul li { color: #626262; font: 1.2em arial, helvetica, serif; } nav ul li a:hover { color: #dfdfdf; } .ref1 { position: relative; top: 8px; left: -2px; } .ref2 { position: relative; top: -17px; left: 844px; }
looking @ site firebug, can see <div class="ref1">
overlaps link text. it's (implicitly) @ higher z-level link text, preventing clicks going through.
i think div contains image entirely left of links, if set .ref1's width doesn't extend further right needs to, should sort out.
Comments
Post a Comment