Delphi-PRAXiS - CSS Grafik mit einbinden

Delphi-PRAXiS (https://www.delphipraxis.net/forum.php)

- Programmieren allgemein (https://www.delphipraxis.net/40-programmieren-allgemein/)

- - CSS Grafik mit einbinden (https://www.delphipraxis.net/101024-css-grafik-mit-einbinden.html)

Luckie

7. Okt 2007 11:41

CSS Grafik mit einbinden

Hallo,
ich will im Stylesheet angeben, dass unter jeder Übrschrift der zweiten Ebene eine bestimmte Grafik gesetzt wird. Geht das und wenn ja, wie?

DGL-luke

7. Okt 2007 11:43

Re: CSS Grafik mit einbinden

http://de.selfhtml.org/css/eigenscha...m#before_after

kannst du mit dem was anfangen?

BenjaminH

7. Okt 2007 11:48

Re: CSS Grafik mit einbinden

Kleines Beispiel:

Code:

			<html>

<style type="text/css">

h2:after{content:" ";background-image:url([url]http://www.delphipraxis.net/images/smiles/icon_sad.gif[/url]); display:block; width:15px; height:15px; background-repeat:no-repeat;}

</style>

<body>

<h2>Hallo</h2>

</body>

</html>

Direkt im content das img Tag zu verwenden geht nicht. Ich hab das ganze nur im Firefox getestet. Ob das auch im IE funktioniert weiß ich nicht.

Luckie

7. Okt 2007 11:52

Re: CSS Grafik mit einbinden

Ich habe es jetzt so:

Code:

			h2 {

  after { content: url(/pics/divider.jpg) }; 

}

Aber ich sehe nichts.

patti

7. Okt 2007 11:53

Re: CSS Grafik mit einbinden

@BenjaminH:

Zitat:

Zitat von selfHTML

Beachten Sie:

Generierter Inhalt wird auch vom Internet Explorer 7 noch nicht interpretiert, von Opera 5 und 6 nur teilweise.

Wahrscheinlich gehts im IE nicht.

@Luckie:

Zitat:

Zitat von BenjaminH

h2:after{content:" ";background-image:url(

http://www.delphipraxis.net/images/smiles/icon_sad.gif); display:block; width:15px; height:15px; background-repeat:no-repeat;}

So wie es BenjaminH geschrieben hat müsste es eigentlich gehen (h2:after; content:" "; background-image:"..")

P@Tti

DGL-luke

7. Okt 2007 11:54

Re: CSS Grafik mit einbinden

Mach es wie BenjaminH sagt per Background-Image und festen Abmessungen.

Luckie

7. Okt 2007 11:57

Re: CSS Grafik mit einbinden

Gut, dann lass ich das mal. Aber danke für die Hilfe.

Alle Zeitangaben in WEZ +1. Es ist jetzt 23:37 Uhr.