[CSS/IE6]Geen hand cursor bij gelinkte div

[mpegernie]

Weer zoiets vaags. ik ben een header aan m'n site aan het toevoegen en nu leek eht me handig om deze naar index.html te laten linken. Dit werkt allemaal prima in Mozilla maar IE6 laat bij een rollover geen hand icon zien. wel laat hij in de status balk de link zien en gaat hij bij een klik idd naar index, terwijl je bij die klik ook pas de hand cursor ziet?!

Nu dacht ik mss dat het een fout van mij was om een anchor element om een div heen te zetten maar ik kan in de w3c specs hierover niets vinden dat dit niet zou mogen. lijkt me ook raar maargoed.

ik heb ook al geprobeerd zelf de cursor in te stellen met document.body.style.cursor, ook geen resultaat terwijl dit op andere div's wel werkt. ook al geprobeerd ipv een id een class te geruiken als stijl, ook nix

is dit nou niet netjes van mij of mag ik IE de schuld geven?

voor de zekerheid ff de code:

HTML:

<a href="index.html">
    <div id="header">
        [img]"IMG/header_title.jpg"[/img]
    </div>
</a>

[Verwijderd]

Probeer dat soort dingetjes gewoon zelf even door ze door de validator heen te halen

Als ik het goed heb krijg je namelijk een error: Element (div) mag hier niet geplaatst worden: mogelijke oorzaak is een inline element dat een block level element bevat.

Ik denk dat dat het is

HTML:

<div
  id="header"
  onclick="self.location.href='index.html'"
  style="cursor: pointer;">

[mpegernie]

yup, ff door de validator heen halen en er kwamen weer aardig wat foutjes uit. lekker dom van me om dat niet eerst te checken.

alleen jammer dat ik dit nu moet oplossen met een onclick. In mozilla gaat dat wel goed, maar IE ziet het nu niet als een volwaardige link en eigenlijk vind ik dat een beetje vies. Ik ben nu op zoek naar iets waarmee ik dit kan oplossen maar ik ben de weg een beetje kwijt.
Ik zat zelf te denken aan een mousover met window.status=self.location.href (wat op zich werkt natuurlijk) maar was er niet iets met het gebruik van window volgens de laatste specs?
Kan iemand me de goeie richting opschoppen of weet iemand hier goed leesvoer over?

edit: en IE ziet het nog steeds niet als volwaardige link...

[ Voor 5% gewijzigd door mpegernie op 26-01-2003 15:38 ]

[crisp]

mpegernie schreef op 26 January 2003 @ 15:34:
yup, ff door de validator heen halen en er kwamen weer aardig wat foutjes uit. lekker dom van me om dat niet eerst te checken.

alleen jammer dat ik dit nu moet oplossen met een onclick. In mozilla gaat dat wel goed, maar IE ziet het nu niet als een volwaardige link en eigenlijk vind ik dat een beetje vies. Ik ben nu op zoek naar iets waarmee ik dit kan oplossen maar ik ben de weg een beetje kwijt.
Ik zat zelf te denken aan een mousover met window.status=self.location.href (wat op zich werkt natuurlijk) maar was er niet iets met het gebruik van window volgens de laatste specs?
Kan iemand me de goeie richting opschoppen of weet iemand hier goed leesvoer over?

IE kent cursor: pointer niet, om dit op te lossen kan je het zo doen:

code:

style="cursor: pointer; cursor: hand"

Maar waarom een <div> om je <img> heen zetten?

[mpegernie]

omdat die image maar één klein plaatje is in de header, de totale header is een balk boven en net zo breed als de content.
En met die cursor gaat het trouwens prima in IE6. mijn probleem is dat het niet mogelijk is om RMB>open link oid dergelijke te doen omdat IE het niet als link ziet, daarom staat er ook niets in de status.
In mozilla gaan al deze dingen nml prima.

[crisp]

mpegernie schreef op 26 januari 2003 @ 15:41:
omdat die image maar één klein plaatje is in de header, de totale header is een balk boven en net zo breed als de content.
En met die cursor gaat het trouwens prima in IE6. mijn probleem is dat het niet mogelijk is om RMB>open link oid dergelijke te doen omdat IE het niet als link ziet, daarom staat er ook niets in de status.
In mozilla gaan al deze dingen nml prima.

Status kan ook zo:

code:

onmouseover="window.status='blaat'; return true" onmouseout="window.status=''; return true"

Maar dan nog heb je niet de volledige functionaliteit van een link helaas...

[ Voor 11% gewijzigd door crisp op 26-01-2003 15:44 ]

[Verwijderd]

Kan je het niet oplossen met een <span> (die je display: block meegeeft) i.p.v. een <div>? Dan zal het in ieder geval valideren.

[mpegernie]

klopt, ik post ff wat ik tot nu toe heb

HTML:

<div
    id="header"
    class="headerBackground"
    onclick="self.location.href='index.html';"
    onmouseover="window.status=self.location.href;return true;"
    onmouseout="window.status=''"
    style="cursor: pointer;">
        [img]"IMG/header_title.jpg"[/img]
</div>

Ik denk dat ik maar ff naar een andere oplossing ga kijken. Als dit soort oplossingen maken het er niet echt netter op.

Milkman_Dan > kan ik een span wel linken dan? dat zou dan m'n oplossing zijn.

[ Voor 23% gewijzigd door mpegernie op 26-01-2003 15:47 ]

[mpegernie]

Goed. gebruik van span valideerd wel natuurlijk maar geef hetzelfde probleem als met de div in IE zoal ik vermelde in de TS. Ik heb het nu zo opgelost:

HTML:

<a id="header" class="headerBackground" href="index.html">
    [img]"IMG/header_title.jpg"[/img]
</a>

en dan natuurlijk ook

HTML:

#header {
    display: block;
    width:100%;
    height:70px;
}

een stuk eenvoudiger en het werkt en valideert ook prima bedankt allemaal, weer wat geleerd

[ Voor 34% gewijzigd door mpegernie op 26-01-2003 16:08 ]