Nieuw lid |
|
Ik zie geen float op de img. wtf?
doe:
.product {
margin: 20px 20px 0 0;
padding: 10px;
border-bottom: 1px dotted #D6D6D6;
width: 600px;
overflow: hidden; (wrap floats)
}
... ... ... ...
.product img {
float: left; <--nieuwe
border: 0px;
margin-right: 15px;
.product { margin: 20px 20px 0 0; padding: 10px; border-bottom: 1px dotted #D6D6D6; width: 600px; overflow: hidden; (wrap floats) } ... ... ... ... .product img { float: left; <--nieuwe border: 0px; margin-right: 15px;
je kunt ook clear: left in de div.product zetten. Dan kan nix binnen de volgende div naast de img boven komen. Let op: overflow: hidden verbergt content die breeder dan je div z'n breedte heeft (maar text is geen problem) en verbergt content hoger dan de hoogte dan je div... dus kijk uit en veel testen als je bepaalde maten op je elementen hebt met overflow: hidden. Je kunt ook andere overflows gebruiken, maar scroll maakt scrollbars soms : ) |