✔ Text-indent Internet Explorer

[Kahmoon]

Tach zusammen,

hätte mal wieder ne CSS Frage an die Profis.

Ich habe eine Navigation die mit CSS Hintergrundgrafiken arbeitet. Den Text der jeweiligen Menüpunkte möchte ich nicht anzeigen. Daher habe ich den Links einen text-indent von -999px gegeben. Im Firefox funktioniert das auch einwandfrei. Die IE Familie allerdings macht Probleme. Hier werden wohl auch die Links verschoben.

Siehe http://mcup.mmtz.de/nachrichten.html


Meine Frage:
Gibt es eine Alternative zu Text-indent den Text von Menüpunkten nicht anzuzeigen?

Wie kann ich das ganze im Ie zum laufen bringen.

Gruß
Franky

 

[Maik]

Hi,

Meine Frage:
Gibt es eine Alternative zu Text-indent den Text von Menüpunkten nicht anzuzeigen?

ich nutze in solch einem Fall einen "Blind-Text":

<a href="#"><span>Blindlink</span></a>

a span { display:none; }

mfg Maik

 

[Kahmoon]

Hmm gute Idee....leider verschwinden dann auch die Hintergrundgrafiken....aber warum?

.mod_navigationMain li a span{display:none;}

EDIT

Nachtrag....mit

.mod_navigationMain li a span{visibility:hidden;}

gehts...thx!

 

[Maik]

Deklarier mal für die Links eine Höhe.

mfg Maik

 

[Kahmoon]

Mit visibility gings...diese Eigenschaft verursacht ja keine Nachteile gegenüber display oder?

 

[Maik]

Dass es mit visibility:hidden auf Anhieb funktioniert, sprich die Hintergrundbilder nicht verschwinden, liegt daran, dass das Element weiterhin einen Platzhalter im Textfluß besitzt, mit display:none hingegen nicht, weshalb auch die Hintergrundbilder verschwinden. Daher auch mein zweiter Vorschlag, den Links die entsprechende Höhe mit auf dem Weg zu geben.

mfg Maik

 

[Kahmoon]

Alles klar. Ist aber Jacke wie Hose oder? Auch für SEO?

 

[Maik]

Jo

mfg Maik

 

[Kahmoon]

Alles klar. Mal wieder ein Danke an dich