Toon posts:

[css] hyperlink zowel underline als overline > hoe?

Pagina: 1
Acties:

Verwijderd

Topicstarter
Ja, mijn vraag is vrij duidelijk dacht ik zo...

Ik wil zowel een overline als een underline decoration aan mijn a:hover-selector meegeven.

Heb alleen geen flauw benul. Is dit wel mogelijk? (twee properties aan een eigenschap meegeven?)

#ID a:hover{text-decoration: underline, overline;} werkte niet

  • Grijze Vos
  • Registratie: December 2002
  • Laatst online: 21-02 23:50
ik gok dat et net als met classes werkt, dat je geen comma moet gebruiken, maar gewoon een spatie.

#ID a:hover{text-decoration: underline overline;}

Op zoek naar een nieuwe collega, .NET webdev, voornamelijk productontwikkeling. DM voor meer info


  • cutter
  • Registratie: November 2000
  • Laatst online: 28-09-2025

cutter

Wannabe i7 fanboy

haal die komma eens weg tussen underline en overline.....

[ Voor 4% gewijzigd door cutter op 06-10-2003 15:56 . Reden: damn, te laat.... ]


Verwijderd

Topicstarter
lol, ja je heb gelijk :D

thnx

Verwijderd

of
code:
1
2
3
4
5
a:hover {
    text-decoration: none;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
}

Verwijderd

Topicstarter
das nog beter, kan ik nog afwijken van de font-color :)

hmmm heb ff getest... werkt wel in IE6, maar niet in 5 :|

[ Voor 167% gewijzigd door Verwijderd op 06-10-2003 16:09 ]


  • André
  • Registratie: Maart 2002
  • Laatst online: 19-08 12:30

André

Analytics dude

Verwijderd schreef op 06 October 2003 @ 15:58:
das nog beter, kan ik nog afwijken van de font-color :)

hmmm heb ff getest... werkt wel in IE6, maar niet in 5 :|
Dit zou wel moeten werken. Wat werkt er niet dan.

Verwijderd

Topicstarter
volgens mij herkent IE5 geen borderbottom en top voor een a tag


als ik nu dit doe:
border-top: 1px solid #E8BA00;
border-bottom: 1px solid #E8BA00;
text-decoration: underline overline

Dan krijg ik in IE5 alleen de underline en overline.... in IE6 dubbele lijnen :D (Ziet er wel goed uit, op 1 dingetje na:
De underline en border-bottom sluiten niet zo perfect tegen elkaar aan als de overline en border-top dat doen....

is dit op te lossen?

[ Voor 74% gewijzigd door Verwijderd op 06-10-2003 16:09 ]


  • Willem
  • Registratie: Februari 2001
  • Laatst online: 19-08 23:05
je moet ook alleen je a element over of underline meegeven, rest aan de container

Motor (of auto) onderhoud bijhouden


Verwijderd

Verwijderd schreef op 06 October 2003 @ 15:58:
das nog beter, kan ik nog afwijken van de font-color :)
Dat kan ook als je de tekst in een span zet :P
HTML:
1
<a href="hoi.htm" style="color:red"><span style="color:blue">hallo</span></a>

Verwijderd

Topicstarter
Verwijderd schreef op 07 oktober 2003 @ 09:41:
[...]

Dat kan ook als je de tekst in een span zet :P
HTML:
1
<a href="hoi.htm" style="color:red"><span style="color:blue">hallo</span></a>
Ja je heb gelijk, maar niet in IE5.0 zie ik wel... maar deze oplossing kan ik goed gebruiken.... dan is in 5.0 de over en underline maar hetzelfde als de hyperlink...
Pagina: 1