Jens Müller: images per CSS definieren (ohne Block-Element?)

Beitrag lesen

Moin Moin,

Mein CSS:

»»~~~css .linkArrow {

background-image: url("/img/arr_link4.gif");
  width:5px;
  height:8px;
  margin-right:4px;
}


>   
> HTML:  
> `<a href="#verteiler"><div class="linkArrow"></div>Mail-Verteiler</a>`{:.language-html}  
  
Auf die CSS Eigenschaft before: wurdest du ja schon  
hingewiesen. Das funktionierte jedoch nicht in allen Browsern,  
(IE 5, und 6, und 7) deshalb gibt es diesen Workaround.  
  

> Mein CSS:  

»»~~~css
 .linkArrow {  

>   background-image: url("/img/arr_link4.gif");  
>   width:5px;  
>   height:8px;  
>   margin-right:4px;  
> }

HTML:
<a href="#verteiler" class="linkArrow">Mail-Verteiler</a>

Versuchs mal damit, das Block-Element <div> ist hier
völlig überflüssig.

gruesse aus'm ruhrpott
  jens mueller

--
As long as a single mind remembers, as long as a single heart
beats with passion, how can a dream die?
\//_ Live long and prosper
sh:( fo:) ch:| rl:° br:^ n4:| ie:% mo:| va:} de:> zu:) fl:( ss:) ls:> js:|