Hintergrund per inline-css einbinden

[htmler123]

ich will einen hintergrund per Inline-css in einen <div>-Container einbinden
doch leider weiß ich nicht wie das geht kann mir jemand helfen?:?:

 

[_Thor_]

Hintergrundbilder: Übersicht: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets

 

[dasch]

wiso so umständlich wieso gibs du der div nicht einfach ein hintergrund mittels css backround:url();?

 

[Loon3y]

morgen!

html:

<div class="bg"> <!-- Inhalt --> </div>

css:

.bg { 
background-image: url("deinbild.jpg");
background-repeat: no-repeat;
background-color: #FFF;
...
}

alternativ kannst du auch, wenn dieses elemen tnur einmal im html-dokument vorkommt eine "id" statt 2class" geben. dann machst du im css statt einen . (punkt) ein # (nr.-zeichen).

Am besten du lagerst deine style-angaben aus. es bringt nichts, wenn du inline-css-angaben verwendest, da diese bei jedem seitenaufruf mitgeladen werden müssen und somit die datei unnötig groß machen. Bei einer externen CSS-Datei hast du alle STyleangaben ausgelagert und sie wird einmalig geladen und im chache gespeichert.

grüßli
Loon3y

 

[htmler123]

weil ich mehrere divs in mner datei hab und ich will das bild nur in der einen als hintergrund

 

[Loon3y]

weil ich mehrere divs in mner datei hab und ich will das bild nur in der einen als hintergrund

dann musst du, wie oben geschrieben, im css eine "class" oder "id" vergeben. wenn du es wirlich nur für einen brauchst, dann nimmst du eine "id".

css:

#bg { 
background-image: url("deinbild.jpg");
background-repeat: no-repeat;
background-color: #FFF;
...
}

html:

<div id="bg"> <!-- Inhalt --> </div>