Beste SD'ers,

Ik zit hier met een klein technisch probleem omtrent de border van mijn navigatie.

Het gaat hier om de website:
www.geld2win.be

- in firefox is hij in orde dan heb ik een volledige border rond men nav.
- in IE krijg ik geen border-bottom te zien.

Enig idee aan wat dit zou kunnen liggen.

Hier is een stukje css code:

Code:

#navcontainer {
 text-align:right;
 padding-top: 10px;
}

ul#navlist
{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}

#navlist li
{
display: inline;
list-style-type: none;
}

#navlist a { padding: 6px 10px; } /* Breedte en hoogte van de box */

#navlist a:link, #navlist a:visited {
color: #fff;
text-decoration: none;
border: 1px solid #68d8df;
}

#navlist a:hover {
color: #fff;
text-decoration: none;
border: 1px solid #68d8df;
}

Alvast bedankt voor de hulp

Met vriendelijke groeten

Dennis Lembrechts

Beste,

Ik weet het niet zeker maar probeer dit: zet in de hoofd instellingen van de li de border informatie en laat die informatie weg bij de a:hover en de a:link. Misschien helpt dat.

MVG,

Jeroen Kamphuis

De border om de navigatie werken niet om dat je de a niet op display: block; zet, dit moet omdat een ahref standaard niet deze style meekrijgt in css.

Probeer dit dus eens en vergeet je ahref's geen hoogtes mee te geven. De breedtes lossen zichzelf wel op aan de hand van de tekst die er in staat.

Maar Jeroen zijn idee is misschien nog wel beter omdat <li> elementen standaard op display: block; staan. En dat scheel weer code schrijven!