img en content naast elkaar

[theFlashWizard]

Hey mensjes,
Ik wil op de website die ik aan het maken ben verschillende blokken met een plaatje en een verhaaltje.
Echter, dit komt dan niet automatisch naast elkaar. Er komt maar 1 tekstregel, onderaan naast het plaatje te staan.

Is dit niet te omzeilen?

De html is nu:
<div class="block">
<img src="images/zwartboek.jpg" />
<h2>Soldaat van oranje</h2>
<p>Zwartboek vertelt het verhaal over de mooie joodse zangeres Rachel Steinn. Wanneer haar onderduikadres per ongeluk wordt gebombardeerd, besluit ze om met een groep joden de Biesbosch over te steken naar reeds bevrijd gebied. De boot...
<a href="">Lees meer</a></p>

</div>

Het liefst voeg ik daar geen extra div's aan toe.

Alvast bedankt

[BernardV]

Volgens mij kun je dat opvangen door align="left" op je image te zetten.

[Ea.Z]

Volgens mij kun je dat opvangen door align="left" op je image te zetten.
voor wat ik weet zal da nie lukken..
zo een rats idee uit het hoofd, is dat je je img tag de float:left geeft.
Als dat werkt: laat het weten dan weet ik meteen iets nieuw :D

als het nie werkt:
je <img> in een <div> steken, en deze dan een float:left geven via css.
je tekst die ernaast moet komen steek je ook in een <div> en ook deze krijgt een float:left.
Ik ben ZEKER dat het hiermee zal lukken.
Of het met minder divs kan weet ik niet zeker uit het hoofd, dus als je er zin in hebt kun je er wat mee prutsen ;)

Succes :)

//ow, ik zie net dat je staan hebt dat je liever geen Div's meer toevoegt.
Dan lijkt me de eerste optie ( img{float:left;} ) de eerste beste oplossing. alst niet direct lukt mss ook proberen de tekst in je <p> ook een float:left; te geven. Kweet nie of het zal werken.. proberen :)

[maikel]

Dit is inderdaad de goeie oplossing,
voor meer informatie hierover en handige bruikbare voorbeelden mbv float.

http://css.maxdesign.com.au/floatutorial/

( http://css.maxdesign.com.au/floatutorial/tutorial0106.htm )
Bovenstaand is wat jij bedoeld maar dan naar de rechterkant.

Cheers !

[theFlashWizard]

jeej, wij vanalles proberen hier, float left, right, toch divs toevoegen, display inline enz.
Was
img{
float:left;
}
gewoon genoeg :D

Thnx voor de tips jongens :)

[Ea.Z]

zo een rats idee uit het hoofd, is dat je je img tag de float:left geeft.
Als dat werkt: laat het weten dan weet ik meteen iets nieuw :D


img{
float:left;
}
was gewoon genoeg :D

Thnx voor de tips jongens :)

Dope :D
Graag gedaan :D

[Lorrens]

nu floaten alle plaatjes he.. misschien kan je er beter een class aan geven :)
(is toevoeging als het nodig is, het goede antwoord is al gegeven ;))

[theFlashWizard]

Doe ik ook ;)
.block img{
...
}
:)

owja en maikel bedankt voor je tutz :)