html... wrapping text round a DIV

PoorDoggie · 10-15-2006, 08:58 AM

I have this code at the moment:

Code:

<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;">&nbsp;</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!

????: NamePros.com http://www.namepros.com/programming/247484-html-wrapping-text-round-a-div.html

Thanks for your help!

Tom

-NB- · 10-17-2006, 10:16 PM

Try using float: left;

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

style="float: left;"

Nick

labrocca · 10-17-2006, 10:48 PM

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

LeetPCUser · 10-18-2006, 01:51 PM

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_ · 10-18-2006, 06:46 PM

Originally Posted by Array

Try using float: left;
????: NamePros.com http://www.namepros.com/showthread.php?t=247484

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 · 10-19-2006, 01:44 PM

Originally Posted by 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.

*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.

Originally Posted by Jim_

Originally Posted by Array

Try using float: left;
????: NamePros.com http://www.namepros.com/showthread.php?t=247484

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!

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!

10-15-2006, 08:58 AM	THREAD STARTER #1 (permalink)
PoorDoggie Soon to be RICHdoggie! Join Date: Jan 2005 Location: UK Posts: 2,408	html... wrapping text round a DIV I have this code at the moment: Code: <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! ????: NamePros.com http://www.namepros.com/programming/247484-html-wrapping-text-round-a-div.html Thanks for your help! Tom Last edited by PoorDoggie; 10-15-2006 at 09:33 AM.

10-17-2006, 10:48 PM	#3 (permalink)
labrocca NamePros Expert Join Date: Aug 2004 Location: Las Vegas Posts: 6,277 Follow @supportforums	If you simply took align="left" the img tag it should wrap. __________________ :$: Support Forum <-- My latest endeavor.:loveyou: Debate Forums Free Online Sudoku My vBum Blog

10-17-2006, 10:16 PM	#2 (permalink)
-NB- Formerly Array Join Date: Feb 2006 Location: San Diego, CA Posts: 228	Try using float: left; Put a div with the icon in it, and add this to the div tag: style="float: left;" Nick

10-18-2006, 01:51 PM	#4 (permalink)
LeetPCUser Account Suspended Join Date: May 2005 Location: Whitewater, WI Posts: 3,710	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.

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)