Underline thickness

[Zillion01]

Is er een truck om de dikte van underline van links aan te passen?

In Mozilla wordt bij een groter font de dikte van de underline netjes iets groter, in Internet Explorer blijft dat hetzelfde..

Ik wil qua grafische layout voor een website de underlines dikker hebben van links.
Ik heb het al geprobeerd met bijv. border-bottom: 3px solid #fff; maar die geeft IE niet weer bij links ook al staan die hard in de stylesheet bij link, hover, active e.d.

tx

[SillyJW]

je kunt ipv

Cascading Stylesheet:

text-decoration: underline

natuurlijk ook dit

Cascading Stylesheet:

border-bottom: 3px solid #000

gebruiken

edit:
sorry, iets te enthousiast gereageerd, maar je zit toch niet op een witte achtergrond te werken? toch? Tijd voor een voorbeeldje!

[ Voor 37% gewijzigd door SillyJW op 30-03-2005 18:36 ]

[Verwijderd]

#ffff is niets he gebruik #ffffff

[Zillion01]

SillyJW schreef op woensdag 30 maart 2005 @ 18:29:
je kunt ipv

Cascading Stylesheet:

text-decoration: underline

natuurlijk ook dit

Cascading Stylesheet:

border-bottom: 3px solid #000

gebruiken

edit:
sorry, iets te enthousiast gereageerd, maar je zit toch niet op een witte achtergrond te werken?toch?

ja dat werkt dus niet he in IE, dat had ik zelf al gepost

[SillyJW]

Kojak2001 schreef op woensdag 30 maart 2005 @ 18:36:[...]
ja dat werkt dus niet he in IE, dat had ik zelf al gepost

Daar was mijn sorry ook voor. Ik had gewoon niet goed gelezen excuus. Maar heb je geen online voorbeeldje? Dat kletst wat makkelijker niet?

[ Voor 39% gewijzigd door SillyJW op 30-03-2005 18:38 ]

[TheBorg]

Het heeft ermee te maken waar je je <B> of <STRONG> tags neerzet. Binnen de <A> / <FONT> tag of daarbuiten. Experimenteer er maar eens mee. Dreamweaver doet het i.i.g. precies verkeer.

Ik heb ff geen voorbeeld bij de hand anders zou ik die wel geven, maar volgensmij moet de <B> tag buiten de <A> tag.

[ Voor 32% gewijzigd door TheBorg op 30-03-2005 18:44 ]

[Verwijderd]

Ik heb het niet geprobeerd en durf niet te zeggen of het werkt, maar als je de link in een <span> zet en je border-bottom hier op toepast heb je misschien het resultaat.

[SillyJW]

voorbeeldje
Dit werkt dus niet?

[Noork]

SillyJW schreef op woensdag 30 maart 2005 @ 18:48:
voorbeeldje
Dit werkt dus niet?

Werkt prima dus!!

[Rowanov]

Ik vraag me af of de TS de border onder een hover of id heeft staan. Niet dat dat wat uit moet maken.

Verwijderd schreef op woensdag 30 maart 2005 @ 18:32:
#ffff is niets he gebruik #ffffff

@tjetta: Als ik jou was zou ik dit nog maar eens heel goed gaan lezen voordat je begint te blaten. Je mag de kleur gewoon met die notatie defineren.

[Zillion01]

hmm heb ik toch ergens een foutje gemaakt, want zodra ik een voorbeeld ging maken om online te posten deed ie het opeens wel. ik vermoed dat de server cache de schuldige was

dit gebruik ik dus om een dikke underline te krijgen die zowel in iE als firefox hetzelfde eruit ziet.. sry voor de troubles en excuses voor het claimen dat het niet werkte

.agendavoorstelling {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
color: #FFFFFF;
}

.agendavoorstelling:link {
color: #FFFFFF;
text-decoration:none;
border-bottom: 3px solid #ffffff;
}

.agendavoorstelling:visited {
color: #FFFFFF;
text-decoration:none;
border-bottom: 3px solid #ffffff;
}

.agendavoorstelling:hover {
color: #FFFF00;
text-decoration:none;
border-bottom: 3px solid #ffff00;
}

[Verwijderd]

Je kunt met border-bottom best veel kanten op, zie deze site en dan met name het blokje nieuws. Echter, border-bottom op inline elementen werkt in IE alleen op de onderste regel zoals je in genoemde site ook kunt zien.


IE..... /me twijfelt of hij moet gaan zuchten of schuimbekken


Aangezien het gros van de links op deze site tot 1 regel beperkt blijft en volledige lijnen wat heftig werden bevonden werd dit als 'acceptabel' beoordeeld.

[Pelle]

Opgelost zo te horen