bild position

Jag vill få in lite dynamik i min bildvisning och allt ha allting rakt i linje med varandra ser lite tråkigt ut. Hur gör jag på bästa sätt för att ändra position på bilderna rund en text. Jag har bifogat en skiss på hur jag menar på ett ungefär.

Prova att sätt olika margin-bottom på bilderna och se om de flyttar sig.

syftar du på nåt sånt här, på ett ungefär?

<div id=bottomwrap> 
  <div class=box id=no1>Tjoho</div>
  <div class=box id=no2>Tjoho</div>
  <div class=box id=no3>Tjoho</div>
</div>

#bottomwrap {
  clear:both;
  float:left;
}
.box {
  float.left;
}
#no1 { margin:0 10px 15px 0; }
#no2 { margin:0 10px 30px 0; }
#no3 { margin:0 10px 45px 0; }

hmm kanske. men jag har experimenterat lite med divar osv, det verkar som om att jag inte kan få bilderna att gå högre än den sista textbiten om du förstår hur jag menar.

nej det är för att det blir positionerat så.
om du vill att de ska överlappa texten så får du köra en position:absolute; på #bottomwrap och köra position:relative; på det andra. eller tvärtom, jag kan inte visualisera det i nuläget ;)