Tekst naast plaatje (div's)

[ZpAz]

Ik ben bezig om een site voor mijzelf te maken, waar ik al mijn creaties op kan zetten:)

Nu heb ik een probleem met mijn tekst. Ik wil graag dat de tekst (nu nog lipsum tekst). Naast het plaatje komt. Aan de andere kant van het streepje:)

Hoe doe ik dat?

De site ziet er helemaal brak uit in IE. (In ff doet hij het op het moment redelijk:))

de site: http://members.home.nl/jdijkstra2/WIP/Webdesign/S-Creations/
de css: http://members.home.nl/jd...-Creations/stylesheet.css

Alvast bedankt:D

[Yoozer]

Je kunt voor 2 oplossingen kiezen; je houdt het img deel gescheiden van de tekst met 2 divs, 1 waar in de image komt, 1 waarin de tekst komt, of je doet een style=float:left; op de image loslaten zodat de p vrolijk ernaast komt. Momenteel zitten zowel img als p in 1 enkele div.

Ik neem aan dat je de images naast de tekst wilt hebben als een soort blog entries met icoontjes?

[ Voor 22% gewijzigd door Yoozer op 08-03-2006 14:34 ]

[Osiris]

Cascading Stylesheet:

#content_image {
    margin: 7px 5px 5px 16px; 
    float: left;
    }

?

[ZpAz]

Yoozer schreef op woensdag 08 maart 2006 @ 14:33:
Je kunt voor 2 oplossingen kiezen; je houdt het img deel gescheiden van de tekst met 2 divs, 1 waar in de image komt, 1 waarin de tekst komt, of je doet een style=float:left; op de image loslaten zodat de p vrolijk ernaast komt. Momenteel zitten zowel img als p in 1 enkele div.

Als ik een float left gebruik en ik heb meer images onder elkaar dan tekst. Dan rekt het content vakje niet mee naar onder.

Yoozer schreef op woensdag 08 maart 2006 @ 14:33:
Ik neem aan dat je de images naast de tekst wilt hebben als een soort blog entries met icoontjes?

Wat bedoel je?

[Osiris]

ZpAz schreef op woensdag 08 maart 2006 @ 14:36:
[...]


Als ik een float left gebruik en ik heb meer images onder elkaar dan tekst. Dan rekt het content vakje niet mee naar onder.

Misschien ff spelen met de 'clear'-CSS-optie?

[Sappie]

Osiris schreef op woensdag 08 maart 2006 @ 14:37:
[...]
Misschien ff spelen met de 'clear'-CSS-optie?

Of je floats automagisch clearen, zie bijvoorbeeld hier: http://annevankesteren.nl/2005/03/clearing-floats

[ZpAz]

Sappie schreef op woensdag 08 maart 2006 @ 14:39:
[...]

Of je floats automagisch clearen, zie bijvoorbeeld hier: http://annevankesteren.nl/2005/03/clearing-floats

Bedankt:D Dat was precies wat ik nodig had:D

[JHS]

ZpAz schreef op woensdag 08 maart 2006 @ 14:44:
[...] Bedankt:D Dat was precies wat ik nodig had

Let er wel op dat dat in IE 7 mogelijk / waarschijnlijk niet meer werkt iirc .

[Verwijderd]

JHS schreef op woensdag 08 maart 2006 @ 17:17:
[...]
Let er wel op dat dat in IE 7 mogelijk / waarschijnlijk niet meer werkt iirc .

wtf? waarom niet? het is gewoon spec

[JHS]

Verwijderd schreef op woensdag 08 maart 2006 @ 17:25:
[...] wtf? waarom niet? het is gewoon spec

Sorry, ik ijl geloof ik, even een oude testcase opgediept, en het werkt nog uitstekend . Maar ik zou zweren dat ik het ergens gelezen heb .