Hallo,
Wie kann ich in eine einfache Box ein Hintergrundbild einfügen?
Wie geht der Code dazu?
[code]
<div>
<div style="float: left; background-image:url-des-bildes;">
<div>
<!-- Text -->
</div>
</div>So 
Background Eigenschaften fasst man zusammen, um Code zu sparen. Außerdem einfach nur „url-des-bildes“ ist so nicht richtig. Der Pfad muss schließlich in besonderer Form angegeben werden
#id{
background:[b]url('./images/background.png')[/b] repeat-x #fff left;
}
background: Hintergrundbilder: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets
Aber das:
#id{
background:[B]url('./images/background.png')[/B] repeat-x #fff left;
}ist doch CSS und desshalb muss das in die design.css Datei oder?
Wie zeige ich das dann an auf der Site?
auserdem möchte ich das ohne das Float-left.
Kann ich das dann einfach so machen:
#id{
background:[B]url('./images/background.png')[/B];
}???
Mfg lukiB
ja das kannst du in deine css datei packen,
[html].hintergrund{
background:url(‚./images/background.png‘);
}[/html]
in deinem html code benutzt du dann z.b.
[html]
box mit hintergrund
[/html]
Ja das funtioniert nicht ganz weil nur dort der Hintergrund erscheint, wo auch text ist. Also muss ich text in diese Box machen das der Hintergrund angezeigt wird… aber das möchte ich nicht.
Kann man das irgenwie verbessern?
Mfg lukiB
spendiere dem .hintergrund noch ein width und height mit größenangabe in pixel und gut is.
Vielen dank für die Hilfe
es funktioniert Prima!!!
Mfg lukiB