Msie doesn't make my links links..

[delusion]

I'm still working on this project, and now MSIE doesn't want to make my links link.. Where did I go wrong?

URL: http://www.mainevents.nl/preview

[Lchad]

I would remove the title="" from each link and see if that helps.
I'm sure once you remove the title="" you'll lose your styling.
So at that point, use <li></li> instead of div id's for each link. Then style the lists.

[Stuart]

How about getting rid of the divs, and applying the #button id to the links themselves. Like this:

HTML: Select all

<div id="menu">
     <a href="/" title="Home!" id="button">Home</a>
     <a href="/" title="Contact" id="button">Contact</a>
     <a href="/" title="Actie" id="button">Actie</a>
     <a href="/" title="Feesten" id="button">Feesten</a>
     <div id="logo"></div>
</div>

The title should not affect the links. If IE is still not treating the anchors (<a>) as links, try adding this to your css:

Code: Select all

cursor:pointer;

But only use the css option if the html option above does not work.

Cheers

[Aso]

delusion,

I couldn't work out what exactly was going on, but it was something to do with your div arrangement and the quirks / bugs in IE

I fixed the problem, see if it's still working as you wanted - if you need something fixed let me know

[alexgeek]

Swagner, IDs are UNIQUE! You should not use them more than once, that's what classes are for.

[Stuart]

Oh yes, sorry! I meant to change that to class=""
delusion had each link in a div with id="button". The id was still used more than once. I forgot to mention that it should be changed to class Sorry again...

[Monie]

Originally Posted by Lchad

I would remove the title="" from each link and see if that helps.
I'm sure once you remove the title="" you'll lose your styling.
So at that point, use <li></li> instead of div id's for each link. Then style the lists.

This is what Linda talking about:

HTML: Select all

<div id="nav">
<ul>
   <li><a href="#">Home</a></li>
   <li><a href="#">Products</a></li>
   <li><a href="#">Contact</a></li>
   </ul>
</div>

and for the styling, you can do it yourself easily

[MikeHopley]

Note that <ul> is a block-level element too, just like <div>. Unless you need an additional wrapper for styling purposes, the <div> is redundant. Use:

Code: Select all

<ul id="nav">
   <li><a href="#">Home</a></li>
   <li><a href="#">Products</a></li>
   <li><a href="#">Contact</a></li>
   </ul>