Text ausblenden

[MudGuard]

Hi,

<li id="threads-gelesen-markieren"><a href="/my/?mav=1">Alle Threads als gelesen markieren</a></li>
a) den Text "Alle Threads ..." ausblenden und stattdessen
Zu a) habe ich folgendes probiert:

#threads-gelesen-markieren > a > * { display:none; }
#threads-gelesen-markieren > a * { display:none; }
#threads-gelesen-markieren > a #PCDATA { display:none; }

Das mit #PCDATA kann nicht funktionieren - Du kannst nur das Element an sich ansprechen, nicht jedoch gezielt den Text darin.
Mit a * oder a > * kann es auch nicht klappen, denn das spricht Elemente in a an, die es aber gar nicht gibt.

Wie es funktioniert:

den Link zum Blockelement machen (display). Width auf 0 setzen. Padding-left und height auf die Maße des Bildes, dieses nichtwiederholend links oben einsetzen, overflow auf hidden.
(ich hab fürs Testen mal das Auge genommen, das etwas weiter oben angezeigt wird)

[code lang=css]
#threads-gelesen-markieren a
{
    display:block; /* wichtig für width/height /
    width:0px;     / Keinen Platz für den Text lassen /
    overflow:hidden; / Text außerhalb der Box unterdrücken /
    padding-left:30px; / Platz fürs Bild schaffen - padding-left = Bildbreite /
    height:20px;  / dito, Platz fürs Bild /
    background:url(http://src.selfhtml.org/xview.gif) left top no-repeat; / das Bild einsetzen */
}

  
cu,  
Andreas

-- 
[Warum nennt sich Andreas hier MudGuard?](http://www.Mud-Guard.de/)  
[Schreinerei Waechter](http://www.schreinerei-waechter.de/)  
  
Fachfragen per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.