hintergrundbild in überschrift

[hoyler]

hallo,

ich habe ein hintergrundbild in eine überschrift eingebunden, quasi so:

h1 {
margin:0;
padding:0;
background-image:url(gfx/news_header.gif);
background-repeat:no-repeat;
background-position:left;
height:15px;
font-size:15px;}

funktioniert auch wunderbar, aber ich würde gerne noch einen alternativen nicht sichtbaren text zu der hintergrundgrafik einfügen (mit display:none!?). da gab es mal ein tutorial, konnte das aber leider nicht mehr finden. vielleicht weiss ja noch jemand den link oder kann mir so helfen.

besten dank und gruss,
jan

[Jörg Peschke]

Hallo,

h1 {
margin:0;
padding:0;
background-image:url(gfx/news_header.gif);
background-repeat:no-repeat;
background-position:left;
height:15px;
font-size:15px;}

Weiss nicht, ob ich dich richtig verstanden habe, aber wie wärs damit:

h1 span {display: none}

Und im HTML dann:
<h1>
   <span>
      Hier steht der Beschreibungstext für das Hintergrundbild
   </span>
</h1>

[hoyler]

hallo,

das ist genau das, was ich gesucht habe. besten dank. ich dachte eigentlich, dass ich das so auch schon probiert hatte und es nicht geklappt hat, aber gut. :)

gruss,
hoyler

[Ashura]

Hallo hoyler.

funktioniert auch wunderbar, aber ich würde gerne noch einen alternativen nicht sichtbaren text zu der hintergrundgrafik einfügen […]

Und warum möchtest du dies tun?
Hat die Hintergrundgrafik etwa nicht nur dekorativen Charakter, sondern vermittelt auch Inhalt, so dass sie unbedingt in jeder Situation erfassbar sein muss? In letzterem Falle gehört die Grafik als img-Element ins HTML.

Einen schönen Samstag noch.

Gruß, Ashura