[javascript/css] css2 conforme hand cursor?

[sebas]

Ik ben bezig met mijn stylesheet wat bij te werken. Alleen kom ik er bijna niet omheen om een fout in te bouwen. Het gaat om de regel:

code:

cursor: hand;

'hand' is geen geldige waarde voor cursor, dus dat mag er dan niet in.
Ik weet dat er een vieze workaround is, en dat je het beste

code:

cursor: pointer; cursor: hand;

kan aangeven, en inderdaad, het wordt netjes weergegeven. Ik wil er een hand overheen hebben, omdat ik het visuele feedback consistent met andere links wil hebben andere cursors zijn dan ook geen opties. (En zelf een url opgeven vind ik overkill.)

Maar wat doe ik als én een valide stylesheet wil, én een hand over mijn Javascript linkjes wil?

[Verwijderd]

cursor: pointer; gebruiken, en verder niets.

[sebas]

Werkt prima voor Mozilla. Alleen in IE schijnt die dan nog steeds niet de hand weer te geven.

_{Helaas kan ik't zelf niet checken, bij gebrek aan IE.}

[crisp]

sebas schreef op 29 februari 2004 @ 20:17:
Werkt prima voor Mozilla. Alleen in IE schijnt die dan nog steeds niet de hand weer te geven.

_{Helaas kan ik't zelf niet checken, bij gebrek aan IE.}

enkel IE < 6

[sebas]

Er is dus geen valide css oplossing als je die hand ook in IE 5.x wilt laten zien?

[Verwijderd]

Inderdaad.

edit:
Wel een well-formed, maar die gaf je zelf al

[ Voor 76% gewijzigd door Verwijderd op 01-03-2004 08:52 ]

[Berkery]

Je kan eventueel gebruik maken van conditional comments:

code:

<!--[if IE 5]>
<style type="text/css">
a{
cursor: hand;
}
</style>
<![endif]-->

Het is niet zozeer valide css, maar wel een manier om de validator om de tuin te leiden

[Clay]

kan je niet b.v. standaard cursor:hand doen, en de cursor:pointer; ergens achter een > selector zetten?
_{(er vanuitgaande dat browsers die die selector ondersteunen dan ook pointer snappen ...)}

[sebas]

Ik kan er wel allemaal workarounds voor verzinnen, echter verandert dat niets aan het feit dat hand simpelweg niet in een stylesheet hoort. En dan houdt het toch al gauw op.

Ik zal denk ik pointer gebruiken, de validiteit gaat me in dit geval voor. Screw you IE 5.

Jammer, maar toch bedankt voor de suggesties.

[KillR-B]

sebas schreef op 01 maart 2004 @ 14:59:
Ik kan er wel allemaal workarounds voor verzinnen, echter verandert dat niets aan het feit dat hand simpelweg niet in een stylesheet hoort. En dan houdt het toch al gauw op.

Ik zal denk ik pointer gebruiken, de validiteit gaat me in dit geval voor. Screw you IE 5.

Jammer, maar toch bedankt voor de suggesties.

Ook al aan Javascript gedacht?

[PommeFritz]

crisp schreef op 29 februari 2004 @ 20:18:enkel IE < 6

IE >= 6 bedoel je vast

[crisp]

PommeFritz schreef op 01 maart 2004 @ 19:42:
[...]


IE >= 6 bedoel je vast

ik antwoorde op:

Alleen in IE schijnt die dan nog steeds niet de hand weer te geven.

IE < 6 geeft geen handje met cursor:pointer;

KillR-B schreef op 01 maart 2004 @ 19:38:
[...]

Ook al aan Javascript gedacht?

tsja, daarmee zeurt de validator er misschien niet meer over, maar maakt het nog steeds niet valide natuurlijk

[FireWire]

P { cursor : url("mything.cur"), url("second.csr"), text; }

maak je eigen hand cursor validated

[crisp]

FireWire schreef op 02 maart 2004 @ 00:52:
P { cursor : url("mything.cur"), url("second.csr"), text; }

maak je eigen hand cursor validated

maar wordt ook niet door alle browsers ondersteund

[FireWire]

crisp schreef op 02 maart 2004 @ 07:00:
[...]

maar wordt ook niet door alle browsers ondersteund

Mwah komt van die site die TS zelf gaf af, ongeveer 50 regels naar onder

[JeromeB]

IE hack:

code:

.class
{
    _cursor: hand;
}

Ik heb geen idee of hij dan nog valid is.

[Verwijderd]

Nee, alleen well-formed.

[sebas]

FireWire schreef op 02 maart 2004 @ 00:52:
P { cursor : url("mything.cur"), url("second.csr"), text; }

maak je eigen hand cursor validated

Ja, daar heb ik natuurlijk ook al aan gedacht, maar vrij snel weer verworpen. Het gaat er juist om om de boel conform te houden, en als ik er dan met mijn custom cursortje tussen kom zal dat in veel gevallen niet echt goed werken.