[CSS] Underline andere kleur als linkkleur..

Pagina: 1
Acties:

  • Obi
  • Registratie: Januari 2000
  • Laatst online: 03-09 16:58
Yo Tweakers & TWeakerinnen,

Ik vraag mij af of het mogelijk is (kan het niet vinden op W3) om bij een hover een andere kleur underline te nemen dan dat de tekstkleur is..

Bij dit documentje wil ik dus graag een witte underline bij hover (ipv de colorchange van de link zelf).

Zo is de CSS die in dat documentje zit:
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
#quicknews A:link
{
    text-decoration:none;
    color:      #525252;
}

#quicknews A:visited
{
    text-decoration:none;
    color:      #525252;
}

#quicknews A:active
{
    text-decoration:none;
    color:      #525252;
}

#quicknews A:hover
{
    text-decoration:none;
    color:      #000000;
}

Bij voorbaat dank.

  • Yellow|A
  • Registratie: Maart 2000
  • Niet online

Yellow|A

Allotaja of rock and rollah

Is ooit een s een lang topic over geweest en als ik het goed heb wist mcvirus een pseudo antwoord .. of rm of nelis of iemand zoals dat ;)

Zoek maar los.

|{ brrr }] |


  • Hangloozz
  • Registratie: Juli 1999
  • Laatst online: 13-07 17:24

Hangloozz

{ @$%&# }

enige wat ik zo gauw ff kan bedenken is dat je layers gebruikt.
Bij onmouseover de layer wisselen met het onderlijnde exemplaar.
Denk alleen toepasbaar als je onderlijnd content altijd op dezelfde plaats staat...

www.jurgroessen.nl


Verwijderd

code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<html>
<head>
<style type=text/css>
.tekst    {FONT-FAMILY: Arial; FONT-SIZE: 16px; COLOR: red}
a      { FONT-FAMILY: Arial; FONT-SIZE: 16px; text-decoration: none; color:black }
a:hover   { FONT-FAMILY: Arial; FONT-SIZE: 16px; text-decoration: underline; color:black }
</style>
</head>

<body>
<a href="hierstondmijnechtenaam.html"><span class="tekst">hierstondookmijnechtenaam</span></a>
</body>

</html>

Succes :)

edit:
Hum, wat zal mijn echte naam zijn....

  • Obi
  • Registratie: Januari 2000
  • Laatst online: 03-09 16:58
Op donderdag 25 oktober 2001 16:46 schreef ivy het volgende:

[code]
Succes :)
Thanx!

Had de manier al gevonden BTW. Maar nog steeds bedankt. Dit is het resultaat trouwens.. Of ik het mooi vind zo ben ik nog niet helemaal uit, maar in ieder geval ben ik weer wat wijzer :)

Thanx voor de feedback nog trouwens allen.

  • Hangloozz
  • Registratie: Juli 1999
  • Laatst online: 13-07 17:24

Hangloozz

{ @$%&# }

*kuch* IE5.5 en hoger alleen zeker? ik zie hier met 5.0 geen verschil in linkkleur :?

www.jurgroessen.nl


  • Oefening
  • Registratie: November 2000
  • Niet online
Op donderdag 25 oktober 2001 17:12 schreef Hangloozz het volgende:
*kuch* IE5.5 en hoger alleen zeker? ik zie hier met 5.0 geen verschil in linkkleur :?
refreshen (tenminste, dat denk ik :P :) )

  • Dennis
  • Registratie: Februari 2001
  • Laatst online: 22:34
Waarom zit het CSS bestand in je scripts directory? Dat is slecht :P

Je moet een speciale /css subdir aanmaken *D

  • Hangloozz
  • Registratie: Juli 1999
  • Laatst online: 13-07 17:24

Hangloozz

{ @$%&# }

Op donderdag 25 oktober 2001 17:14 schreef nelis het volgende:


refreshen (tenminste, dat denk ik :P :) )
neuh...

Afbeeldingslocatie: http://home.kabelfoon.nl/~hanglooz/imgdiv/idt_css_hover.gif
dan blijft het grijs, net als de text... ;)

www.jurgroessen.nl


Verwijderd

Op donderdag 25 oktober 2001 17:42 schreef Hangloozz het volgende:

[..]

neuh...

[afbeelding]
dan blijft het grijs, net als de text... ;)
same here. MSIE 5.0.

  • Obi
  • Registratie: Januari 2000
  • Laatst online: 03-09 16:58
Op donderdag 25 oktober 2001 17:22 schreef dennisdotcom het volgende:
Waarom zit het CSS bestand in je scripts directory? Dat is slecht :P

Je moet een speciale /css subdir aanmaken *D
Neuh... Vind ik wel prettig zo.. Heb ik alle externe documentjes achter één mapje hangen. Staan toch al niet zoveel documenten in (een js & een css document) dat bijt elkaar niet.
Op donderdag 25 oktober 2001 17:42 schreef Hangloozz het volgende:

[..]

neuh...

[afbeelding]
dan blijft het grijs, net als de text... ;)
Da's gek, bij mij werkt het wel gewoon... (wel IE6 trouwens).
Maar dat het bij oudere browsers gewoon grijs wordt weergegeven kan ik niet wakker van liggen..

Én hij is nog steeds gewoon W3C Compatible :)

  • Hangloozz
  • Registratie: Juli 1999
  • Laatst online: 13-07 17:24

Hangloozz

{ @$%&# }

Op donderdag 25 oktober 2001 17:48 schreef Obi het volgende:

Maar dat het bij oudere browsers gewoon grijs wordt weergegeven kan ik niet wakker van liggen..
hee, maar ik wel, ik wil ook van zoewarte lijntjes genieten :P

www.jurgroessen.nl


  • Oefening
  • Registratie: November 2000
  • Niet online
jupz, hier doet ie het (na refreshen :) ) ook. vind het wel minder mooi trouwens.

IE6 that is

  • Obi
  • Registratie: Januari 2000
  • Laatst online: 03-09 16:58
Op donderdag 25 oktober 2001 17:52 schreef Hangloozz het volgende:

[..]

hee, maar ik wel, ik wil ook van zoewarte lijntjes genieten :P
Ehh.. WITTE lintjes :)

Afbeeldingslocatie: http://www.id-t.com/obi/wit.png

  • Obi
  • Registratie: Januari 2000
  • Laatst online: 03-09 16:58
Op donderdag 25 oktober 2001 17:53 schreef nelis het volgende:
jupz, hier doet ie het (na refreshen :) ) ook. vind het wel minder mooi trouwens.

IE6 that is
Ik denk dat ik het ook iets minder mooi vind.. Moet nog even een mooie hover-oplossing vinden voor deze module..

  • flat
  • Registratie: Mei 2000
  • Niet online
Op donderdag 25 oktober 2001 17:48 schreef Obi het volgende:
Én hij is nog steeds gewoon W3C Compatible :)
dus met mozilla werkt 't ook! *D
ik ben blij dat er ook mensen zijn die zich gewoon aan de specificaties houden, en 't niet zoveel uitmaakt dat MS's gare browser 't niet goed weergeeft
vaak gaat 't namelijk andersom: ze bouwen iets, en geeft IE 't goed weer dan is 't goed, zelfs al vergeten ze allerlei tags enzo

(no flame intended, meer een complimentje voor Obi)

"Happiness is a way of travel, not a destination."
--Roy Goodman

Pagina: 1