how do i use css to wrap text around an image bottom right?

[pushyr]

i'm trying to acheive this type of text wrap around an image using css. i can align the image to the right but i just cant seem to get the image to align to the bottom.

i've tried vertical-align: bottom:, and float: bottom: ...but neither of these work. need your help!!

xxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxx +----------------+
xxxxxxxx | |
xxxxxxxx | |
xxxxxxxx | |
xxxxxxxx +----------------+

here's my code...

#imageright {

  display:block;
  margin:0;
  
  float:right;
  float:bottom;
  
  vertical-align:bottom;
  
  padding-left:7px;
  padding-top:7px;
  
  }

 

[audiopro]

Try putting the floated right image within the text. You might have to play around with the actual position but it has worked for me in the past.

Keith

http://www.studiosoft.co.uk

 

[BillyRayPreachersSon]

Try putting the text before the image in source order. Also remove the "float:bottom" from your CSS - there is no such value for the "float" property.

Hope this helps,
Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[pushyr]

thanks guys, that sorted it