Hintergrundbild in Box

[lukiB]

Hallo,
Wie kann ich in eine einfache Box ein Hintergrundbild einfügen?
Wie geht der Code dazu?

<div>
  <div style="float: left;">
    <div style="background-color:white;
            width:130px;
            height:500px;
            border:2px black solid;
            margin-top:20px;
            margin-left:10px;
">



</div>

Ich möchte hier anstelle von [<div style="background-color:white;]
Ein Hintergrundbild einfügen...

 

[RaZ0oR]

<div>
<div style="float: left; background-image:url-des-bildes;">
<div>
<!-- Text --> 
</div>
</div>

So ;)

 

[znay]

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

 

[lukiB]

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

 

[bronko]

ja das kannst du in deine css datei packen,

.hintergrund{
background:url('./images/background.png');
}

in deinem html code benutzt du dann z.b.

<div class="hintergrund">box mit hintergrund</div>

 

[lukiB]

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

 

[bronko]

spendiere dem .hintergrund noch ein width und height mit größenangabe in pixel und gut is.

 

[lukiB]

Vielen dank für die Hilfe
es funktioniert Prima!!!

Mfg lukiB