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

Popular posts from this blog

ASP.NET/SQL find the element ID and update database -

jquery - appear modal windows bottom -

c++ - Compiling static TagLib 1.6.3 libraries for Windows -