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

Bilder nebeneinander

Witschi262

Blogger
Huhu,
Ich möchte eine schöne leiste aus kleinen verschiedenen leisten erstellen.
Dazu benutze ich folgendes Script:
Code:
<html>
<head>
<title>W-Magic|Home</title>
<style type="text/css">
body
{ 
background-image: url("hintergrund.jpg");
background-color: none;
background-repeat: no-repeat;
}

img {
  border-width: thin;
  border-style: solid;
  border-color: black;
  margin-top: 0px;
  margin-right: 150px;
  margin-bottom: 0px;
  margin-left: 205px;
  background: #99FF33;
}
p {
  border-width: thin;
  border-style: solid;
  border-color: black;
  margin-top: -5px;
  margin-right: 197px;
  margin-bottom: 0px;
  margin-left: 205px;
  background: #99FF33;
}
</style>
</head>
<body>
<img src="logo.jpg">
<img src="leiste.jpg"><img src="leiste2.jpg"><img src="leiste3.jpg"><imgsrc="leiste4.jpg">
<p>blablablablablablablablablablablablablabla<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /></p>
</body>
</html>
Ergebnis:
Ein Leistenstück wird optimal angezeigt, unter dem leistenstück wird jedoch noch eines Angehangen.Nach etwa 10-15 cm wird die nächste Leiste angezeigt- Selbe problem.

Was ist der Fehler bzw. was kann ich ändern damit es funktioniert?
 
Hallo.

Benutze float und clear.
Allerdings gleich eine Warnung. Mit den margin Angaben die du hast wird das niemals funktionieren. Die musst du natürlich auch abändern.

Gruss
Elroy
 
Zurück
Oben