Hejsan!
Jag har under en tid klurat över hur t.ex. Apple har skapat sin meny med "dold" text inom <a>-taggarna.
Jag själv vill använda denna teknik till en sida jag pysslar med men hur jag än försöker, med såväl egen som lånad kod från lite varstans, så syns ändå länktexten :angry:

Någon som vet hur jag döljer den, så att bara min bakgrundsbild för[*]´n syns?
Tack på förhand!

Tack för ett så snabbt svar majkehl!
Nu när jag satt och pillade råkade jag lösa problemet, med denna kodsnutt:

#footer a {
padding-top: 50px;
height: 0px;
width: 100%;
overflow: hidden;
text-align: justify;
float: left;
}

text-indent: -9999px;
är det enkla svaret.

eller
<span>Whooop</span>

a span{display:none;}

de lärde tvistar om vilken metod som gillas mest av sökmotorerna

text-indent: -9999px; ^^

Är också nyfiken på vilken metod sökmotorerna föredrar. Båda är ju definitivt cloaking, men då syftet är gott så vill man inte bli straffad för det.

så länge som texten kontra bilden är relevant är det inte cloaking.

Det är väl just i sådana här fall som css:s visibility är optimalt?

a {visibility: hidden}

det går även att använda display:none;

skillnaden är att dsplay:none; "tar bort" hela elementet, och visibility:hidden; bara döljer elementet.

är det särskillt klyftigt att ha display:none eller visibility:hidden på en a-tagg som man vill kunna klicka på ?

jag gjorde en liten demosida för detta http://fjolnir.ebpatour.eu/a_hide.html