Per CSS ein Bild einbinden

[Raffi]

Hallo Leute

Ich habe auf diversen Seite Titel die ich per CSS formatiere. Diese sind mit class="title" formatiert.

Nun meine Frage:

Kann ich im CSS File irgendwie angeben, dass er nun vor dem Titel eine kleine Grafik einbinden soll?

Gruss
Raffi

[Herbalizer]

Hi!

http://selfhtml.teamone.de/css/eigenschaften/pseudoformate.htm#before_after
funktioniert aber nicht im IE.

Gruß Herbalizer

[Tim Tepaße]

Hallo Raffi,

Ich habe auf diversen Seite Titel die ich per CSS formatiere. Diese sind mit
class="title" formatiert.

Ich hoffe Du verwendest auch korrekte Auszeichnung in HTML mit den h1 bis h6?

Kann ich im CSS File irgendwie angeben, dass er nun vor dem Titel eine kleine
Grafik einbinden soll?

Im Prinzip ja. Und zwar mit dem Pseudoelement :before.

http://selfhtml.teamone.de/css/eigenschaften/pseudoformate.htm#before_after

In der Praxis ist da allerdings ein begriffsstutziger Internet Explorer, der
das nicht kann. Aber das soll Dich nicht daran hindern, es trotzdem so zu
machen, dann stellt es der IE eben nicht dar. Who cares?

Eine andere Möglichkeit ist es natürlich konventionell in HTML Bilder davor
zu setzen mit alt="", damit diese nicht so stören. Aber eine unbefriedigende
Möglichkeit, ja.

• Tim

[MudGuard]

Hi,

Kann ich im CSS File irgendwie angeben, dass er nun vor dem Titel eine kleine Grafik einbinden soll?

Noch eine Variante:
Benutze eine geschickte Kombination aus background-image, background-repeat, background-position, padding...

cu,
Andreas

[stefan]

hallo,

Noch eine Variante:
Benutze eine geschickte Kombination aus background-image, background-repeat, background-position, padding...

gute idee. macht aber nur sinn, wenn die graphik rein gestalterischen (im gegensatz zu inhaltlichen) zwecken dient.

schö stefan

[MudGuard]

Hi,

macht aber nur sinn, wenn die graphik rein gestalterischen (im gegensatz zu inhaltlichen) zwecken dient.

Das ist bei CSS _immer_ der Fall.

cu,
Andreas