[indian]

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!

<ul id="globalnav">
 <li id="gn-apple"><a href="/se/">Apple</a></li>
 <li id="gn-store"><a href="http://store.apple.com/se">DETTA SKALL DÖLJAS</a></li>
</ul>

[indian]

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;
}

[allstars]

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

[rhdf]

eller
<span>Whooop</span>

a span{display:none;}

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

[Cosma]

text-indent: -9999px; ^^

[Oskar G]

Ä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.

[allstars]

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

[martine]

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

a {visibility: hidden}

[MRDJ]

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.

[rhdf]

ä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