css en interlinie

Status
Niet open voor verdere reacties.

gast0515

Gebruiker
Lid geworden
4 jan 2010
Berichten
134
Hallo,

de ineterlinie tussen mijn menu onderdelen verschilt op 3 plekken: 1px hoger dan op andere plekken.

Ik heb al een <ul> en <li> geprobeerd.
Ook met standaard code doet het raar:
<a href="index.html" class="linkmenuactief">HOME</a><br />
<a href="pag1.html" class="linkmenu">PAG1</a><br />
<a href="pag2.html" class="linkmenu">PAG2</a><br />

#menu {
position: absolute;
top: 130px;
left: 1px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 0.8em;
font-style: normal;
line-height: 14.5pt;
font-weight: bold;
font-variant: normal;
color: #a45a49;
width: 160px;
letter-spacing: 0.1pt;
text-align: right;
}

Hoe kan ik het oplossen?
DANK!
 
Misschien kun je even een linkje geven naar je website?

helaas niet, sorry.
De code lijkt mij echter wel duidelijk:

<div id="menu">
<a href="index.html" class="linkmenuactief">HOME</a><br />
<a href="pag1.html" class="linkmenu">PAG1</a><br />
<a href="pag2.html" class="linkmenu">PAG2</a><br />
</div>


#menu {
position: absolute;
top: 130px;
left: 1px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 0.8em;
font-style: normal;
line-height: 14.5pt;
font-weight: bold;
font-variant: normal;
color: #a45a49;
width: 160px;
letter-spacing: 0.1pt;
text-align: right;
}
.linkmenu {
text-decoration: none;
color:#a45a49;
}
.linkmenu:hover {
text-decoration: none;
color:#444444;
}
.linkmenuactief {
text-decoration: none;
color:#444444;
}
 
dit is de oplossing:

<a style="display:block; height:19px; line-height:19px" href="index.html" class="linkmenuactief">HOME</a>

geen gebruik van <br />
en geen line-height in css
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan