J
jsgreenhorn
Guest
ich will das mit CSS machen, basta!
.marc
New member
probier etwas in der Richtung:
Code:
<html>
<head>
<title>Tina's Gallerie</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type = "text/css">
div.image1{
float:left;
text-align:right;
width:50%;
padding-right:20px;
}
div.image2{
padding-left:20px;
width:50%;
}
</style>
</head>
<body>
<div class="image1">
<img name="over_01" src="http://people.freenet.de/aspa/kristin/images/over_01.jpg" width="200" height="150" border="0" />
</div>
<div class="image2">
<img name="over2_01" src="http://people.freenet.de/aspa/kristin/images/over2_01.jpg" width="200" height="150" border="0" />
</div>
</body>
</html>
J
jsgreenhorn
Guest
das ist schon die richtige richtung, danke!
jetzt werden die bilder nicht mehr übereinandergeschoben. wie bekomme ich die wieder zusammen? der abstand zwischen den bildern ist jetzt zu groß.
mit width verändern bringt nichts und auch bei padding ändert sich nicht wesentlich viel.
für den abstand vom oberen rand habe ich margin-top genommen. mit margin-right o. left
geht's auch nicht so richtig. die bilder liegen dann untereinander.
was bewirkt eigentlich float genau?
css-code
jetzt werden die bilder nicht mehr übereinandergeschoben. wie bekomme ich die wieder zusammen? der abstand zwischen den bildern ist jetzt zu groß.
mit width verändern bringt nichts und auch bei padding ändert sich nicht wesentlich viel.
für den abstand vom oberen rand habe ich margin-top genommen. mit margin-right o. left
geht's auch nicht so richtig. die bilder liegen dann untereinander.
was bewirkt eigentlich float genau?
css-code
J
jsgreenhorn
Guest
erschreckendens ergebnis mit moz. v1.5
