Delphi-PRAXiS

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 04:23 Uhr.

Powered by vBulletin® Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
LinkBacks Enabled by vBSEO © 2011, Crawlability, Inc.
Delphi-PRAXiS (c) 2002 - 2023 by Daniel R. Wolf, 2024-2025 by Thomas Breitkreuz