homepage Welcome to WebmasterWorld Guest from
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member
Home / Forums Index / Code, Content, and Presentation / WYSIWYG and Text Code Editors
Forum Library, Charter, Moderator: open

WYSIWYG and Text Code Editors Forum

Tags for text/word wrap?
Dreamweaver MX

5+ Year Member

Msg#: 1294 posted 5:09 pm on Nov 14, 2005 (gmt 0)

I am trying to put an image next to text in an article style format, but when I do the text jumps to the bottom of the picture. Is there a tag to make the text wrap up around the picture?

Right now I put the image in a different cell, and aligned the first few lines of text in another cell next to the image, and then the remainder of the text in a third cell underneath the first two cells. Problem is, it is messing up with the alignment and I don't know why. I have tinkered with it a bunch and it doesn't show up in the browser like it does in Dreamweaver.

Any suggestions?



WebmasterWorld Administrator bill us a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month

Msg#: 1294 posted 2:34 am on Nov 15, 2005 (gmt 0)

You've got text and images in different cells of a table? Or are the text and image in the same cell?

A lot of people would probably just tell you to use CSS to float the image left or right and then let the text flow around it. If you're using tables for this it might be necessary for you to post some HTML here for us to look at.


5+ Year Member

Msg#: 1294 posted 3:51 am on Nov 15, 2005 (gmt 0)

Ok, well I first put the image in with the text in the same cell, and that didn't work (I guess I didn't know there was a special CSS command that I could create to get the text to wrap...so I will probably need to know that)

and since I couldn't get it to work, I then put the image in a cell, and the text in two other cells and basically tried to re-arrange it all to look right and it is a total pain.

here is the code that shows the cells and contents etc.

again, if there is an easy CSS fix for wrapping text up around images I am all for it! :)

<td width="219" height="208" valign="middle" bgcolor="#FEF0C9"><div align="center"><img src="images/raw.jpg" alt="" width="194" height="190" /></div></td>
<td width="442" valign="middle" bgcolor="#FEF0C9"><div align="justify">
<p><img src="images/diet.jpg" alt="" width="400" height="50" /></p>
<p><span class="style11 style16">Having a background in nutrition I was aware that my companions were not receiving the proper nutrients in there diet. I have tried many different brands of commercial pet food, and after much research I have found that the best diet I can offer them is a raw food diet.<span class="style15"><span class="style18">I began my search for the perfect food by first reading Earl Mindells &ldquo;Nutrition &amp; Health for Dogs &ldquo;<tt><sup>1</sup></tt> </span></span></span></p>
<p><span class="style11 style16"><span class="style15"><span class="style18">As a pet groomer I see a lot of dogs with health issues such as allergies, tumors, blindness, joint problems and cancer.</span></span></span></p>
<td width="37" rowspan="3" valign="top"><!--DWLayoutEmptyCell-->&nbsp;</td>
<td height="13"></td>
<td height="451" colspan="2" valign="top"><p align="justify" class="style15"> <span class="style18"> I knew it was a matter of time before mypets would experience the same fate. So I continued my research through the internet with sites such as<strong> www.example.com </strong>and<strong> www.example.com</strong>.&nbsp; The whole concept and idea of raw food made perfect sense, but was it practical or convenient? After all I didn&rsquo;t have time for homemade recipes or for that matter enough knowledge to make the switch. I then came across another great book by Dr. Billinghurst called &ldquo; Grow Your Pup With Bones&rdquo;.<tt><sup>2</sup></tt> This book completely convinced me that raw food was the answer to my feeding problems. I just needed to find a method that would be easy for me to implement on a daily basis.</span></p>

[edited by: rogerd at 8:03 am (utc) on Nov. 15, 2005]
[edit reason] examplified [/edit]


WebmasterWorld Senior Member 5+ Year Member

Msg#: 1294 posted 4:04 am on Nov 15, 2005 (gmt 0)

<img src="images/raw.jpg" alt="" width="194" height="190" align="left" />
or as discussed have a style applied to the image that sets the alignment.


5+ Year Member

Msg#: 1294 posted 4:29 am on Nov 15, 2005 (gmt 0)

wow, that was just jumping over a big learning curve for me. The code worked perfectly! and I figured out that I can set the horizontal space to 20 so that there will be a bit of space between the image and the text. Very nice! Thanks for your expertise!:)

Global Options:
 top home search open messages active posts  

Home / Forums Index / Code, Content, and Presentation / WYSIWYG and Text Code Editors
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved