Text ausblenden

[e7]

Hi,

ich bin zur Zeit am basteln einer Homepage, und designtechnisch möchte ich da natürlich noch sehr viel mehr basteln...

Jetzt hab ich bei csszengarden gesehen, dass die dort die Überschriften teilweise durch eigenen Bilder ersetzen, nur über CSS... Hab ich mir jetzt angesehen, und die machen das so:

<h3><span>So What is This About?</span></h3>

und das CSS dazu:

h3 span  
    {  
    display: none;  
    }

Jetzt stell ich mir aber die Frage: Mit CSS kann man doch alles machen, kann man damit auch den Inhalt von Elementen ausblenden, das Element selbst aber mit Hintergrund versehen?

Also so:

<h1 style="inline-text-display: none; background-image: blablabla; ">text</h1>

So dass nur das Hintergrundbild angezeigt wird, der Text in <h1> aber nicht?

Oder gibt es tatsächlich nur die Lösung mit einem <span> innerhalb von <h#>??

Falls ihr ne Lösung habt (und nur CSS, kein JavaScript oder so), her damit, das könnte ich an einigen Stellen (nicht nur bei Überschriften sondern auch bei Buttons, Links etc.) recht gut gebrauchen...

E7

[wahsaga]

hi,

Jetzt stell ich mir aber die Frage: Mit CSS kann man doch alles machen, kann man damit auch den Inhalt von Elementen ausblenden, das Element selbst aber mit Hintergrund versehen?

Man kann beispielsweise den Textinhalt mit einem sehr großen negativen text-indent außerhalb des sichtbaren Bereiches platzieren;
oder auch ein entsprechend großes padding-top für das Element angeben, zusammen mit overflow:hidden.

gruß,
wahsaga

[e7]

Hi,

vielen Dank für deine schnelle Antwort, hab's jetzt ausprobiert, das mit text-indent funktioniert - sogar im IE... Hab jetzt auch Opera wieder installiert, hab ich seit meiner Win-Neuinstallation noch gar nicht gebraucht...

Das mit padding-top haut nicht so gut hin :(

E7