dave: Alternative zu transp. 1px gif für Links mit "variabler Größe?

Beitrag lesen

Hi,

ich glaube du suchst Image-Replacement-Techniken.
Zumindest wenn du das Ganze barrierearm und suchmaschinenfreundlich gestalten willst.

Hier eine lächerlich lange Liste verschiedener Möglichkeiten.

Ich persönlich verwende die Phark-Methode:

<a class="someClass" href="link/to/site" title="nicht vergessen">Link zur Seite</a>

.someClass {  
  width:Xpx;  
  height:Ypx;  
  background:url(src.format) no-repeat;  
  text-indent:-999em;  
  display:inline-block; /* Nur nötig bei Elementen die Standardmäßig inline sind */  
}

Hat den Vorteil das auch alle die keine Bilder sehen (hauptsächlich Blinde und Suchmaschinen) trotzdem einen Linktext haben.

Oder suchst du eine http://de.selfhtml.org/html/grafiken/verweis_sensitive.htm@title=Image-Map?

~dave