tutorials.de Buch-Aktion 05/2012
ERLEDIGT
JA
ANTWORTEN
8
ZUGRIFFE
1573
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. #1
    Avatar von Kahmoon
    Kahmoon Kahmoon ist offline Mitglied Platin
    Registriert seit
    Dec 2003
    Ort
    München
    Beiträge
    527
    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
     

  2. #2
    Maik Tutorials.de Gastzugang
    Hi,
    Zitat Zitat von Kahmoon Beitrag anzeigen
    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":

    HTML-Code:
    <a href="#"><span>Blindlink</span></a>
    Code css:
    1
    
    a span { display:none; }

    mfg Maik
     

  3. #3
    Avatar von Kahmoon
    Kahmoon Kahmoon ist offline Mitglied Platin
    Registriert seit
    Dec 2003
    Ort
    München
    Beiträge
    527
    Hmm gute Idee....leider verschwinden dann auch die Hintergrundgrafiken....aber warum?

    Code css:
    1
    
    .mod_navigationMain li a span{display:none;}

    EDIT

    Nachtrag....mit

    Code css:
    1
    
    .mod_navigationMain li a span{visibility:hidden;}

    gehts...thx!
     

  4. #4
    Maik Tutorials.de Gastzugang
    Deklarier mal für die Links eine Höhe.

    mfg Maik
     

  5. #5
    Avatar von Kahmoon
    Kahmoon Kahmoon ist offline Mitglied Platin
    Registriert seit
    Dec 2003
    Ort
    München
    Beiträge
    527
    Mit visibility gings...diese Eigenschaft verursacht ja keine Nachteile gegenüber display oder?
     

  6. #6
    Maik Tutorials.de Gastzugang
    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
     

  7. #7
    Avatar von Kahmoon
    Kahmoon Kahmoon ist offline Mitglied Platin
    Registriert seit
    Dec 2003
    Ort
    München
    Beiträge
    527
    Alles klar. Ist aber Jacke wie Hose oder? Auch für SEO?
     

  8. #8
    Maik Tutorials.de Gastzugang
    Jo

    mfg Maik
     

  9. #9
    Avatar von Kahmoon
    Kahmoon Kahmoon ist offline Mitglied Platin
    Registriert seit
    Dec 2003
    Ort
    München
    Beiträge
    527
    Alles klar. Mal wieder ein Danke an dich
     

Ähnliche Themen

  1. Antworten: 3
    Letzter Beitrag: 16.09.09, 15:45
  2. Navigation mit text-indent und Bildern
    Von Fantasmo im Forum CSS
    Antworten: 7
    Letzter Beitrag: 26.06.09, 22:06
  3. text-decoration und Internet Explorer
    Von 123arne im Forum CSS
    Antworten: 2
    Letzter Beitrag: 08.08.07, 22:09
  4. Antworten: 9
    Letzter Beitrag: 29.06.05, 13:00
  5. text-indent
    Von dave_ im Forum CSS
    Antworten: 14
    Letzter Beitrag: 14.06.01, 14:17