nicht angemeldet
Abstände zwischen gefloateten Elementen
Kaum wird's finster ist es schon nachts!
Hallo!
Mit float:left platziere ich 2 Absätze nebeneinander, dem linken gönne ich 20px rechten margin.
Dann mache ich ein clear:left und fange frisch an:
Mit float:left platziere ich 2 Bilder nebeneinander, dem linken gönne ich 20px rechten margin.
Ich verstehe nicht, warum der Abstand zwischen den Absätzen weniger breit ist als der zwischen den Bildern!
brrrrrrrrrrrrrrrrr!
Danke!
Viennamade
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<title></title>
<style type="text/css">
<!--
p {width:88px;margin-right:20px;border:1px green solid;float:left;}
img {width:88px;margin-right:20px;border:1px green solid;height:31px;}
-->
</style>
</head>
<body>
<p>Testabsatz 1</p>
<p>Testabsatz 2</p>
<div style="clear:left;">
<img src="http://www.w3.org/Icons/valid-xhtml10" alt="" />
<img src="http://www.w3.org/Icons/valid-xhtml10" alt="" />
</div>
</body>
</html>
-
Hallo
p {width:88px;margin-right:20px;border:1px green solid;float:left;}
img {width:88px;margin-right:20px;border:1px green solid;height:31px;}Wenn du beim img-style noch ein "float:left;" reinmachst, ^^^^ dann funktionierts :)
mfg
PHP_Dude
-
Hallo,
Mit float:left platziere ich 2 Absätze nebeneinander, dem linken gönne ich 20px rechten margin.
Dann mache ich ein clear:left und fange frisch an:
Mit float:left platziere ich 2 Bilder nebeneinander, dem linken gönne ich 20px rechten margin.Ich verstehe nicht, warum der Abstand zwischen den Absätzen weniger breit ist als der zwischen den Bildern!
Weil zwischen den Bildern ein white-space steht, der im Fließtext, von dem die IMG-Elemente im DIV Inhalt sind, als _ein_ Leerzeichen interpretiert wird.
<body>
<p>Testabsatz 1</p>
<p>Testabsatz 2</p>
<div style="clear:left;">
<img src="http://www.w3.org/Icons/valid-xhtml10" alt="" /><img src="http://www.w3.org/Icons/valid-xhtml10" alt="" />
</div>
</body>viele Grüße
Axel
-
Hallo,
Ich verstehe nicht, warum der Abstand zwischen den Absätzen weniger breit ist als der zwischen den Bildern!
Weil zwischen den Bildern ein white-space steht, der im Fließtext, von dem die IMG-Elemente im DIV Inhalt sind, als _ein_ Leerzeichen interpretiert wird.Yep! Danke!
Viennamade
-