html... wrapping text round a DIV

PoorDoggie · 10-15-2006, 07: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!

Thanks for your help!

Tom

-NB- · 10-17-2006, 09: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, 09:48 PM

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

LeetPCUser · 10-18-2006, 12: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, 05:46 PM

Quote:

Originally Posted by Array

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

Quote:

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.

Quote:

Originally Posted by Jim_

Quote:

Originally Posted by Array

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!

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, 07:58 AM	#1 (permalink)
PoorDoggie Soon to be RICHdoggie! Join Date: Jan 2005 Location: UK Posts: 2,390 316.50 NP$ (Donate)	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! Thanks for your help! Tom __________________ █ Exchange your long URL for a much smaller one! █ Free Anonymizer/Proxy █ Taz Martin's blog - Learn all about internet marketing, promoting your website and much more! Last edited by PoorDoggie; 10-15-2006 at 08:33 AM.

10-17-2006, 09:48 PM	#3 (permalink)
labrocca Recovering Jerk Forum Moderator Join Date: Aug 2004 Location: Las Vegas Posts: 5,502 1,196.64 NP$ (Donate)	If you simply took align="left" the img tag it should wrap. __________________ Proxy Filter SEO Tag Cloud Domain Name Generator Debate Forums Free Online Sudoku \| My vBum Blog

10-17-2006, 09:16 PM	#2 (permalink)
-NB- Formerly Array Join Date: Feb 2006 Location: San Diego, CA Posts: 229 159.50 NP$ (Donate)	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, 12:51 PM	#4 (permalink)
LeetPCUser Account Suspended Join Date: May 2005 Location: Whitewater, WI Posts: 3,714 17.55 NP$ (Donate)	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)

Forum Moderator