Der Martin: Klasse zusammen mit Pseudo-Klasse verwenden

Beitrag lesen

Hi,

a.download:before {

content: url(path/foo.gif)" ";
}


> Alles klappt wunderbar. Wenn ich mit der "Patsche-Hand" auf den Link gehe, merke ich allerdings, dass sich (ich nenne es mal) die verweissensitive Fläche auch auf die Grafik vor dem Link ausstreckt. Kann mir jemand ein Schlagwort nennen, wie ich definieren kann, dass sich die verweissensitive Fläche nur auf den Text 'test.jpg' reduziert?  
  
nein - aber kannst du mir einen Grund nennen, warum du hier die Pseudoklasse :before in Verbindung mit der CSS-Eigenschaft content verwendest?  
Du erreichst damit vielleicht das gewünschte Ergebnis - aber auch, dass ältere Browser das Ganze ignorieren, weil sie :before nicht kennen.  
  
Ich würde stattdessen empfehlen:  
  
~~~css
a.download  
 { padding-left: 20px;  /* an die Breite der Grafik anpassen */  
   background-image: url(foo.gif) left no-repeat;  
 }

Das kann sogar schon ein IE5, und es hätte den gleichen Effekt.
Ich empfinde es übrigens als Vorteil, dass die Grafik mit zur klickbaren Fläche gehört ...

So long,
 Martin

--
Rizinus hat sich angeblich als sehr gutes Mittel gegen Husten bewährt.