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

Utmärkt initiativ att faktiskt göra en testsida. Ofta blir inte saker och ting uppenbara förrens man gör detta.

Kan dock notera att ifall man skulle vilja ha en osynlig länk i löpande text så är visibility: hidden; tillsammans med text-decoration: none; på ett span-element en möjlighet.

[*]<span>Lorem ipsum</span>

span{display:none;}

a{display:block;}


mått/bakgrundsbild måste sedan också självklart läggas in i "a".

varför vill man använda dold text på sidan?

För att behålla hög accessibility på sidan, hade jag svarat (så att t.ex. blinda fortfarande kan surfa på sajten).

Men de flesta här svarar nog med att de vill ha det i SEO-syfte. Google kan ju inte läsa vad som står på en bild, och du lägger därför en text-rad med texten som står på bilden, så Google kan indexera det istället. Men du vill ju inte att texten OCH bilden ska synas, så du döljer helt enkelt texten visuellt. Google ser texten ju fortfarande, eftersom den läser sidans kod.

Jag ser det i första hand som en teknik för att få bra tillgänglighet på sidan
att det även ger lite SEO-effekter är ju bara en trevlig bieffekt

Svaret på ursprungsfrågan hittar man exempelvis på denna sida. Det finns flera olika tekniker:

http://stopdesign.com/archive/2003/03/07/r...place-text.html

Äntligen en till som fattat grejen! ;)

Det är så jäkla mycket hysteri kring SEO - vilket man kan förstå - men inte (tillräckligt) många tänker på användarna när de väl är på sajten.