Html... wrapping text round a DIV

[PoorDoggie]

I have this code at the moment:

<td class="row1" align="left" valign="middle" height="28" style="background: url(../images/nyt_man.gif);background-repeat: no-repeat;background-position: bottom right;"><div style="width: 100px;height: 150;float: right;"> </div><span class="genmed">RoadBusters is now a part of the Name Your Topic Community. This means that by being a member of RoadBusters, you can access all of the other sites on the Name Your Topic Network, and vice versa, by being a member on one of NYT's partner sites makes you a member of RoadBusters automatically too.</span></td>

but unfortunately, that dosen't do what I want it to do... I want all the text to wrap around the little red man in the "name your topic" box on the right hand side of www.roadbusters.com. If you go there you will see what I mean, and what has happened. BAsically, I want the div to go to the bottom of the cell and make a box around the image of the man, so the text can wrap round it! :D

Thanks for your help!

Tom

 

[-NB-]

Try using float: left;

Put a div with the icon in it, and add this to the div tag:

style="float: left;"


Nick

 

[labrocca]

If you simply took align="left" the img tag it should wrap.

 

[LeetPCUser]

Firstly you should not use tables unless it is tabulated data. Secondly do not incorporate the CSS inside of the html file, relocate it to a .css file and then call it. If you want some help on how to do this properly, send me a PM.

 

[Jim_]

Try using float: left;

Put a div with the icon in it, and add this to the div tag:

style="float: left;"


Nick

Rather than that, just float the image.

<img src="/images/whatever.jpg" alt="" style="float:left;" />

 

[PoorDoggie]

Firstly you should not use tables unless it is tabulated data. Secondly do not incorporate the CSS inside of the html file, relocate it to a .css file and then call it. If you want some help on how to do this properly, send me a PM.

*ack*... come on brian... you of all people should know what I feel about tables. I love them, can't get enough of them etc... I swear by them for layout... so there na na na na... lol - and I will incorporate CSS wherever I like *sticks out tongue*. Its only on that page that it needs to be used, and if its in only one place, I will put it there, so I don't have to open one file, and find the css reference in the css file... lol - im lazy.

Try using float: left;

Put a div with the icon in it, and add this to the div tag:

style="float: left;"


Nick

Rather than that, just float the image.

<img src="/images/whatever.jpg" alt="" style="float:left;" />

Thats all well and good, but if it is put at the start of the block of text, it aligns to the left at the top, and thats no good, it needs to sit at the bottom of the cell, even if it is taller than the image. If it is at the end of the text, it seems to make a new line and float it there! :D

Thanks for your help guys. For now, I am sure it will be alright. I changed it slightly, so it dosen't need to wrap anymore! :D