[html] Tekst naast 2 figuren laten doorlopen

[Verwijderd]

Het lijkt een simpel probleem maar ik weet het niet op te lossen. Ik wil deze situatie krijgen:

code:

***********    Tekst blablablabla
*         *    blablablabla
*plaatje  *    blablablabla
*         *    blablablabla
***********    blablablabla
               blablablabla
************   blablablabla
*          *   blablablabla
*tabel     *   blablablabla
*          *
************

Dat plaatje en tabel moeten perse op die posities onder elkaar komen en die tekst moet zich niks aantrekken van ze. Dat lukt dus niet bij mij. Bij mij loopt de tekst onder het plaatje door.

Dit is ongeveer mijn code:

code:

<p align="left">
[img]"plaatje.gif"[/img]
tekst blablablablablablablablabla
blablablablabla
<div STYLE="clear: left;">
<TABLE align="left">
</TABLE>
</div>
</p>

Hoe krijg ik die tekst netjes onder elkaar naast beide figuren? Alles in een tabel gooien is geen oplossing.

[Verwijderd]

Zoek eens naar een float tutorial:

http://css.maxdesign.com.au/index.htm

code:

<p align="left">
  <div style="float: left;">
    [img]"jorgen.jpg"[/img]
    <table border="1" style="clear: left;">
      <tr>
        <td>foo</td>
      </tr>
    </table>
  </div>
  tekst blablablablablablablablabla
  blablablablablatekst blablablablablablablablabla
</p>

[ Voor 93% gewijzigd door Verwijderd op 04-06-2004 00:22 ]

[Verwijderd]

Misschien niet onbelangrijk te vermelden: rechts van de tekst heb ik ook een plaatje

[Verwijderd]

Mét plaatje rechts...

code:

<p align="left">
  <div style="float: left;">
    [img]"jorgen.jpg"[/img]
    <table align="left" border="1" style="clear: left;">
      <tr>
        <td>foo</td>
      </tr>
    </table>
  </div>
  [img]"jorgen.jpg"[/img]
  tekst blab labla blablabl ablablabla ablab lablab lablabla
  blab lablab labla tekst blab labl ablab lablab lablabla
</p>

/me gaat nu slapen. Als onze medewerkers zijn in bed, een ogenblik geduld alstublieft.

[ Voor 54% gewijzigd door Verwijderd op 04-06-2004 00:22 ]

[Verwijderd]

Dank je wel!

[Verwijderd]

Ik heb van alles geprobeerd maar ik zit nu met bijna hetzelfde probleem. Alleen ipv een tabel heb ik nu 2 plaatjes onder elkaar aan de rechterkant en daar moet links een lap tekst komen. Er moeten ook nog captions onder.

Ik heb het nu zo maar het wil maar niet lukken

code:

<p align="left">
<div style="float: right;">
[img]"../plaatje1.gif">
<img[/img]
</div>
tekst blablablablablablabla
</p>

[Verwijderd]

Volgende keer graag pas een e-mail sturen als je de tutorials gelezen heb...

HTML:

<p style="clear:both;"> 
  [img]"jorgen.jpg">
[/img]
  asdklfj aslkfd jasdlfka jsfdlksa jlfdkj asldfas df jsadklf asjdfl
  asdklfj aslkfd jasdlfka jsfdlksa jlfdkj asldfas df jsadklf asjdfl
  asdklfj aslkfd jasdlfka jsfdlksa jlfdkj asldfas df jsadklf asjdfl
  asdklfj aslkfd jasdlfka jsfdlksa jlfdkj asldfas df jsadklf asjdfl
  asdklfj aslkfd jasdlfka jsfdlksa jlfdkj asldfas df jsadklf asjdfl
  asdklfj aslkfd jasdlfka jsfdlksa jlfdkj asldfas df jsadklf asjdfl
  asdklfj aslkfd jasdlfka jsfdlksa jlfdkj asldfas df jsadklf asjdfl
</p>

[Thijsmans]

* Thijsmans denkt dat je deze nog niet kent

[Verwijderd]

Ik kan nergens een uitgebreide css tutorial vinden. De meeste die ik vind hebben te beperkte uitleg.

Kan iemand me nog uitleggen hoe ik dit voor elkaar krijg?

code:

***********    Tekst blablablabla
*         *    blablablabla
*plaatje  *    blablablabla
*         *    blablablabla
***********    blablablabla
               blablablabla
               blablablabla
               blablablabla
               blablablabla

Bij mij loopt de tekst onder het plaatje door als er geen ruimte rechts van het plaatje meer is. Hoe zorg ik ervoor dat de tekst netjes onder elkaar blijft?

[Verwijderd]

plaatje floaten; text margin geven