[css] verschillende links met stylesheet

Pagina: 1
Acties:

  • marty
  • Registratie: Augustus 2002
  • Laatst online: 27-03-2023
ik wil dat bepaalde links andere eigenschappen vertonen en heb dat in m'n stylesheet zo proberen op te lossen:

.button :link {
eigenschapen...
}
.button :hover {
eigenschapen...
}

vervolgens zet ik dan class="button" in m'n <a href>
Echter, dit werkt niet in IE 5.0 (schijnt wel te werken in 5.5). Als ik met m'n muis op de link ga staan zie ik onderaan (hoe heet dat kreng, statusbar ofzo?) wel de link verschijnen, maar ik kan er niet op klikken.
en als ik van .button a.button maak, dan is ie wel aanklikbaar, maar pakt ie de gewone eigenschappen van een link, en niet zoals ik ze in .button wil hebben.

Wie weet er een oplossing?

  • r0bert
  • Registratie: September 2001
  • Laatst online: 11-08 16:19
a.button:hover {
color: red;
}

idd iig ie 5.5 en mozilla 1.0

Verwijderd

of
PHP:
1
2
3
4
5
6
7
.button a:link {
    color:#FFFFFF;
}
.button a:hover {
    color:#FFFFFF;
    text-decoration:underline;
}


Al moet je wel uitkijken met namen als 'button'. Het zou best eens kunnen dat dat een reserved word is.

  • marty
  • Registratie: Augustus 2002
  • Laatst online: 27-03-2023
r0bert schreef op 09 september 2002 @ 21:04:
idd iig ie 5.5 en mozilla 1.0
dat wist ik zelf ook al te melden (zie mijn post), dus daar schiet ik weinig mee op.
ik wil dus dat het ook in IE 5.0 werkt, aangezien er nog redelijk wat mensen mee browsen


btw, ook als ik van button een ander woord maak (nottub), houd ik het probleem

Verwijderd

Verwijderd schreef op 09 september 2002 @ 21:09:
[...]

Al moet je wel uitkijken met namen als 'button'. Het zou best eens kunnen dat dat een reserved word is.
[behulpzaam]
in dit geval is dat het niet :)
FoOL valideert weer eens
[/]

Verwijderd

r0bert schreef op 09 september 2002 @ 21:04:
a.button:hover {
color: red;
}

idd iig ie 5.5 en mozilla 1.0
Werkt ook op IE5.2/Mac en nog steeds in Mozilla/1.1 (mac-binary, maar dat maakt niets uit) :)

  • marty
  • Registratie: Augustus 2002
  • Laatst online: 27-03-2023
Ik vind het allemaal heel leuk dat dat werkt op al die verschillende platforms en browsers, maar mijn vraag was dus: hoe kan ik het zo maken dat het ook in IE 5.0 werkt?
Opzich aardig dat jullie reageren, maar zo schiet ik er helemaal niets mee op.

Verwijderd

.button :link {
eigenschapen...
}
Er hoort iig geen spatie tussen te zitten:

code:
1
2
3
a.button:link {
   eigenschapen...
   }

  • crisp
  • Registratie: Februari 2000
  • Laatst online: 00:07

crisp

Devver

Pixelated

Verwijderd schreef op 10 september 2002 @ 23:33:
[...]


Er hoort iig geen spatie tussen te zitten:

code:
1
2
3
a.button:link {
   eigenschapen...
   }
idd geen spatie ertussen. Voor zover ik weet zou dat gewoon moeten werken in IE5.0 (al is het een verouderde browser). Anders zal je toch echt met javascript in de weer moeten gaan dmv onMouseOver en onMouseOut functies; voor NS4 is dit sowieso noodzakelijk.

Intentionally left blank


Verwijderd

Zonder die spatie werkt die ook in IE5.0 en IE5.01 op Windows.
Pagina: 1