Div-layer som link

Er der indhold i layeret?

<div style="cursor:hand;" onclick="window.location.href='EnSide.html'">
Jeg er en div
</div>

hvorfor ikke bare lave linket som en div ;-)

<a href="EnSide.html" style="display:block;width:100%;height:50px;background-color:black;color:white;">Ny side</a>

-- og så skal det da lige bemærkes at cursor:hand; er en M$-css-udvidelse, standarden hedder cursor:pointer; som desværre først er implementeret i IE6 ...

så gå jeg udfra jeg kan gøre det samme med en tabel:
<table style="cursor:hand;" onclick="window.location.href='EnSide.html'">
<tr>
<td>Jeg er en tabel</td>
</tr>
</table>

ja, men her er der jo egentlig ikke tale om at du gør tabellen til et link. du knytter bare en event-handling til klik på tabellen, nemlig at åbne et nyt vindue via JavaScript. Og så skal du skal du have link-stylene med, f.eks. cursoren, hvorimod hvis du laver et link som en div (ved at have display:block) bevarer du link-elementets iboende styles, f.eks. cursor, og du slipper for events og javascript.

ja.. men jeg har en masse tekst i mit layer....

Ja, du kan selvfølgelig gøre det samme med en tabel, men gør:

<style type="text/css">
.tabellink{
  cursor:hand;
  cursor:pointer;
}
</style>

<table class="tabellink" onclick="window.location.href='EnSide.html'">
<tr>
<td>Jeg er en tabel</td>
</tr>
</table>

ok. du skal selvfølgelig gøre som du synes det er mest praktisk på siden, men det at du har meget tekst i dit layer er ingen hindring for at du kunne lave det som link. det er klar at du så skulle style det specielt, f.eks. hvis du vil undgå at tekstens får linkets understregning. mit udgangspunkt er bare at hvis noget kan lavet med det html-element der faktisk er beregnet til det, er det bedre end at skulle ud i events og javascript

hmm... den postede ikke den besked jeg skrev for lidt siden.
angående cursor:hand;/:pointer;, så har du ret roenving. Det er jeg ked af. Et svaghedens øjeblik fra min side :-)

Men dit style kunne godt lige optimeres så Opera også kan være med:

<style type="text/css">
table.tabellink{
  cursor:hand;
  cursor:pointer;
}
</style>

Det er i hvert fald et problem jeg er stødt på i den browser.


Andående at skulle ud i javascript og events, så er jeg ikke helt enig med mik789. Nogle gange er det simplere med et onclick-event... og jeg har også erfaret et par gange, at browsere tolker HTML mere forskelligt end JavaScript. (Det er måske nok ikke tilfældet her, men generelt set)

ok ok... det sidste kræver måske lige en kommentar.

Jeg ved ikke helt om jeg kan stå inde for det, men nogle gange har jeg bøvl med at få objekter til at opføre sig ordentligt, hvis ikke de er ment til at spille den rolle de er blevet tildelt (<a> som layer).

Hvis man laver nummeret med <a> som layer, skal min i hvert tilfælde huske at difinere a.minclass:hover idet den i nogle browsere kan være predefineret.

>>gryn

-- er det virkelig nødvendigt at angive element-tagget ?-)

Det er zq da lige på tværs af grundlaget for css og dens indbyggede cascading, for jeg kan da godt forestille mig, at jeg ville bruge den samme .class på forskellige typer elementer, f.eks. til at angive en speciel skrift-stil ...

>>roenvig

Tja... det virker fjollet, men den er altså god nok. Jeg ved ærlig talt ikke, om det er et problem, som stadig eksistere, da jeg, siden jeg fandt problemet, altid har angivet element-tagget. Det er muligt, at også Opera* er kommet med dér.


* Jeg menet, at det var Opera, som skabte sig