• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Bild Hintergrund Farbe

F

fedon

Neues Mitglied
Hallo

ich hab eine frage ich möchte ein hintergrundbild für meine hp und gleichzeitig außen eine graue farbe haben
ich bekomm das auch nach dem studieren der selfhtml nicht hin
kann mir da jemand freundlicher weise ein paar ratschläge geben?
 
pack alles in einen div container der etwas kleiner ist als die gesamte seite. diesem gibst du das bild als hintergrung. dem <body> tag gibst du dann die hintergrundfarbe mit.


bsp.:
HTML: 
<html>
<head>
<style type="text/css">
body 
{
  width: 1200;
  height: 1000;
  margin: 10 auto;
  background-color: #3d3d3d;
}

div#main
{
  background-image: url(bild.jpg);
  width: 90%;
  height: 90%;
}
</style>
<body>
<div id="main">
</div>
</body>
</html>
 
noxTo schrieb:
pack alles in einen div container der etwas kleiner ist als die gesamte seite. diesem gibst du das bild als hintergrung. dem <body> tag gibst du dann die hintergrundfarbe mit.


bsp.:
HTML: 
<html>
<head>
<style type="text/css">
body 
{
  width: 1200;
  height: 1000;
  margin: 10 auto;
  background-color: #3d3d3d;
}

div#main
{
  background-image: url(bild.jpg);
  width: 90%;
  height: 90%;
}
</style>
<body></body>
</html>
Zum Vergrößern anklicken....


ich hab das gemacht aber das bild kann man nicht sehen :S ?
 
Zuletzt bearbeitet:
aso und wenn ich das in body eingebe
dann wiederholt sich das bild mehrmals weil es nicht groß ist
 
Wenn Du das Bild einbinden willst, musst Du im o.g. Code natürlich auch den Dateinamen austauschen. Wenn deine Datei nicht bild.jpg heißt, dann wirst Du es natürlich auch nicht sehen.

In o.g. Quellcode gibt es ein weiteres Problem: die Maßangaben für Höhe und Breite müssen noch mit der Einheit Pixel versehen werden. Also:

Code: 
width: 1000px;
height: 1000px;

Auch diese Maße musst Du an deine Anforderungen anpassen, die wir aber nicht kennen.

Das sich ein Hintergrundbild wiederholt ist Standard. Das kann man über die CSS-Eigenschaft background-repeat. Ändern.
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben