Tekst naast plaatje (div's) - Softwareontwikkeling

woensdag 8 maart 2006 14:29

Acties:

Topicstarter

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 $_/-\o_$

Tweakers Time Machine Extension | Chrome : FF

woensdag 8 maart 2006 14:33

Acties:

Yoozer

minimoog

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 ]

teveel zooi, te weinig tijd

woensdag 8 maart 2006 14:34

Acties:

Osiris

Cascading Stylesheet:

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

?

woensdag 8 maart 2006 14:36

Acties:

ZpAz

Topicstarter

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?

Tweakers Time Machine Extension | Chrome : FF

woensdag 8 maart 2006 14:37

Acties:

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?

woensdag 8 maart 2006 14:39

Acties:

Sappie

De Parasitaire Capaciteit!

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

Specs | Audioscrobbler

woensdag 8 maart 2006 14:44

Acties:

ZpAz

Topicstarter

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

Tweakers Time Machine Extension | Chrome : FF

woensdag 8 maart 2006 17:17

Acties: