Mensen,

Ik ben een beetje aan het prutsen gegaan met css.
Voorbeeld: http://dev.poelmanautomatisering.nl/happywalker/

Ik krijg de image van collectie niet naast de image van het pand. Die van het pand gaat er steeds onder.

Ik heb al zitten kloten met display, en gegoogled, maar inmiddels meer dan een uur bezig en het lukt niet.

Wie geeft me de gouden tip?

Bedankt!

probeer is bij de collectie image float:left; toe te voegen.

Dat was het! bedankt

Geen probleem.

Wat doet dat float als ik vragen mag? Want ik wil nu een 2e image onder collectie zetten en ben nu wel benieuwd naar de werking.

http://www.w3schools.com/css/pr_class_float.asp

Elementen uitlijnen ten opzichte van een naastliggen element.
met clear:both kan je overigens bepalen aan welke kan een niet-floating element mag verschijnen.
Met Both is dit aan alle kanten, en met left of right aan de linker of de rechter kant.

Dat kan ik ook lezen, maar kijk: http://dev.poelmanautomatisering.nl/happywalker/

Waarom gaat hij er nu niet onder? Of terwijl: Ik vraag om een uitleg

Zonder float is de width oneindig, met float heb je geen margins of paddings meer dus kan je heel makkelijk positioneren.. Als je chrome hebt en je kijkt bij elementen inspecteren ofzo dan kan je dat heel goed zien.

Oke, bedankt. Ik gebruik firebug en kan er idd aardig mee prutsen. Maar tis best lastig, want nu krijg ik het 2e plaatje niet onder de 1e, maar wordt hij naast de 1e uitgelijnd, en dat moet nu juist weer niet:P

Of een tweede oplossing is gebruik maken van een lijst, aangezien het een opsomming is.
ul li {
list-style-type:none;
}
En wat margins op je 'li' element en je komt aardig in de buurt.

Er staat een margin-top van 232px op je div met class .leftbottomImg
Als je die verwijdert, staat je afbeelding er netjes naast.

Ik zie het, probeer is een sidebar div te maken en een content div.. In de sidebar zet je de menu's met een width van de dingen en float:left;. Dan zet je in de content div (ook float left met een width) de tekst of wat dan ook.

Oké. Kan je me ook vertellen waarom de plaatjes rechts van het pand niet rechts uitlijnen als ik float: right; heb gedaan?
http://dev.poelmanautomatisering.nl/happywalker/

Met text-align: right; werkt het alleen in IE, niet in FF.

probeer is bij de ul classes float:right; te doen.. en de hele div kan ook float:right.

Dan krijg ik dus het probleem dat het wel werkt in FF, maar niet in IE...
Aanvullend bericht:
Probleem heb ik nog steeds... Iemand nog ideeën?