login  Naam:   Wachtwoord: 
Registreer je!
 Forum

img float left

Offline zwobbel - 02/06/2008 21:33
Avatar van zwobbelPHP gevorderde Hallo ik zou graag ervoor willen zorgen dat mijn tekst aan de rechterkant mooi verschijnt zonder dat de volgende div er ook mee aan sluit.

Wat ik nu dus heb is:
http://www.djking-h.be/off/

Weet iemand hoe ik die divs van producten mooi onder elkaar doe laten verschijnen?

dank bij voorbaad.

css:
http://www.djking-h.be/off/Template/main.css

5 antwoorden

Gesponsorde links
Offline nick5556 - 02/06/2008 21:35 (laatste wijziging 02/06/2008 21:36)
Avatar van nick5556 PHP beginner
  1. text-align: right;


Of voor die text een aparte div maken ;)
Offline zwobbel - 02/06/2008 21:40
Avatar van zwobbel PHP gevorderde Geprobeert maar maakt geen verschil.
Offline nick5556 - 03/06/2008 08:12
Avatar van nick5556 PHP beginner Ook niet door gewoon aleen die text in een aparte div te zetten?
Offline zwobbel - 03/06/2008 19:21
Avatar van zwobbel PHP gevorderde Neen, werkt niet.
Kheb het nu tijdelijk gefixt door een vaste hoogte aan de div mee te geven, maar dat is natuurlijk niet de ideale oplossing.
Offline StommePoes - 06/06/2008 15:09
Avatar van StommePoes Nieuw lid Ik zie geen float op de img. wtf?

doe:
  1. .product {
  2. margin: 20px 20px 0 0;
  3. padding: 10px;
  4. border-bottom: 1px dotted #D6D6D6;
  5. width: 600px;
  6. overflow: hidden; (wrap floats)
  7. }
  8. ... ... ... ...
  9. .product img {
  10. float: left; <--nieuwe
  11. border: 0px;
  12. 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 : )
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.218s