Nicht mehr ganz neu hier
Stehe irgendwie total auf dem Schlauch aber wieso zum Geier stehen die Container nicht nebeneinander? Mit margin-left bekomme ich zumindest den zweiten neben die Nummer eins (was ja eigentlich auch so schon sein sollte?) aber die Nummer drei steht grundsätzlich in der nächsten Zeile...
Quellcode
Live Beispiel
Thema Float:
Quellcode
PHP:
<html>
<head>
<style type="text/css">
.test1 { background-color: black; width: 240px; height: 147px; float: left;}
.test1:hover { background-color: blue;}
.test2 { background-color: red; width: 240px; height: 147px;}
.test2:hover { background-color: blue;}
.test3 { background-color: gold; width: 140px; height: 147px;}
.test3:hover { background-color: blue;}
</style>
</head>
<body>
<div class="container"><div class="test1"></div><div class="test2"></div><div class="test3"></div></div>
</body>
</html>
Live Beispiel
Thema Float: