User Name Password Register
DaniWeb IT Discussion Community
Home
Forums
Tutorials
Code Snippets
Blogs
Link Directory
All
•
•
•
•
What is DaniWeb IT Discussion Community?
You're currently browsing the JavaScript / DHTML / AJAX section within the Web Development category of DaniWeb, a massive community of 401,526 software developers, web developers, Internet marketers, and tech gurus who are all enthusiastic about making contacts, networking, and learning from each other. In fact, there are 3,369 IT professionals currently interacting right now! Registration is free, only takes a minute and lets you enjoy all of the interactive features of the site.
Join our community!
Please support our JavaScript / DHTML / AJAX advertiser: Lunarpages Web Hosting
Views: 914 | Replies: 3
Reply
•
•
Join Date: Feb 2008
Posts: 2
Reputation: theskindiver is an unknown quantity at this point 
Rep Power: 0
Solved Threads: 0
theskindiver theskindiver is offline Offline
Newbie Poster

Question Mixing images and text in a table cell

  #1  
Feb 13th, 2008
Hi, I'm bedeviled by the problem of wanting to write an article with an image in it. What I need to do is have a table cell with an image positioned in the upper left hand corner and then have the text wrap around it. Up to now, I've had to make three cells, one for the image, one for the text to the right of the image and one below col=2 for rest of the text. But it's a mess and there's aways a gap in the text, etc.

Anyone have a solution to this? Many, MANY, thanks for any ideas...
Last edited by theskindiver : Feb 13th, 2008 at 12:19 pm.
AddThis Social Bookmark Button
Reply With Quote  
•
•
Join Date: Jul 2005
Location: india
Posts: 143
Reputation: katarey is an unknown quantity at this point 
Rep Power: 4
Solved Threads: 15
katarey's Avatar
katarey katarey is offline Offline
Junior Poster

Solution Re: Mixing images and text in a table cell

  #2  
Feb 13th, 2008
Hi There,

well if I am understanding in right way so you have no need to put three cell you may use image align = left for require result here is the sample code :

Help with Code Tags
html Syntax (Toggle Plain Text) 
  1. <table width="50%" border="0" cellspacing="2" cellpadding="2">
  2.   <tr>
  3.     <td style="padding:15px; text-align:justify;"><img src="images/img02.jpg" alt="image" width="294" height="402" align="left" style="padding:15px;" />
  4.       <p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut tincidunt.  Nam pellentesque nisi non sapien. Aliquam erat volutpat. Maecenas  lacinia, ligula sed euismod eleifend, justo purus viverra erat, quis  commodo velit massa a arcu. Ut pharetra adipiscing velit. Praesent et  augue. Phasellus laoreet ante eget orci consequat nonummy. Sed  malesuada ante eu mi. Nullam ac nibh. Curabitur ornare placerat nulla.  Sed tincidunt leo nec dui. Nam sollicitudin interdum elit. Donec  vulputate quam at mi. Donec convallis, nisi lobortis mattis  condimentum, dolor nunc cursus mi, ac aliquet nisl metus ultricies  nisi. Suspendisse potenti. Curabitur nisi. Suspendisse non enim.  Praesent augue nunc, suscipit ac, venenatis sit amet, pretium sed,  justo. Fusce ut augue ac enim sagittis semper. Vivamus sit amet nisl. </p>
  5.       <p>Phasellus adipiscing. Curabitur faucibus pharetra nulla. Lorem ipsum  dolor sit amet, consectetuer adipiscing elit. Suspendisse tempus. Nulla  lorem. Ut facilisis arcu ac dolor. Suspendisse potenti. In hac  habitasse platea dictumst. Aenean lacus. Aliquam lobortis lacus in  risus. Suspendisse faucibus lacus sit amet arcu. In odio tortor,  laoreet vitae, tincidunt et, varius sit amet, ipsum. </p>
  6.       <p>Phasellus vitae pede sit amet leo viverra malesuada. Ut justo.  Suspendisse lacus. Duis posuere velit id ipsum. Etiam at neque a ligula  porta venenatis. Praesent auctor ultricies arcu. Aenean convallis  euismod felis. Suspendisse malesuada dictum turpis. Fusce eu lectus.  Quisque rhoncus. Mauris pharetra libero eu tortor. Donec sit amet diam.  Maecenas pellentesque, ante ultricies tristique dapibus, leo leo  sollicitudin lacus, non placerat mi lacus et sapien. Vestibulum ante  ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;  Sed quam quam, imperdiet sed, molestie ut, eleifend pretium, lacus. </p>
  7.  
  8.       </td>
  9.   </tr>
  10. </table>


I hope this will work for you
Rahul Dev
Last edited by katarey : Feb 13th, 2008 at 2:00 pm.
Freelance Web Designer & Developer
Http//www.Katarey.com
Reply With Quote  
•
•
Join Date: Feb 2008
Posts: 2
Reputation: theskindiver is an unknown quantity at this point 
Rep Power: 0
Solved Threads: 0
theskindiver theskindiver is offline Offline
Newbie Poster

Re: Mixing images and text in a table cell

  #3  
Feb 13th, 2008
Hi, great, thanks so much. It worked fine...I guess I just expected it to be much harders, using CSS, etc...

THanks a lot, I really appreciate it.

•
•
•
•
Originally Posted by katarey View Post
Hi There,

well if I am understanding in right way so you have no need to put three cell you may use image align = left for require result here is the sample code :

Help with Code Tags
html Syntax (Toggle Plain Text) 
  1. <table width="50%" border="0" cellspacing="2" cellpadding="2">
  2.   <tr>
  3.     <td style="padding:15px; text-align:justify;"><img src="images/img02.jpg" alt="image" width="294" height="402" align="left" style="padding:15px;" />
  4.       <p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut tincidunt.  Nam pellentesque nisi non sapien. Aliquam erat volutpat. Maecenas  lacinia, ligula sed euismod eleifend, justo purus viverra erat, quis  commodo velit massa a arcu. Ut pharetra adipiscing velit. Praesent et  augue. Phasellus laoreet ante eget orci consequat nonummy. Sed  malesuada ante eu mi. Nullam ac nibh. Curabitur ornare placerat nulla.  Sed tincidunt leo nec dui. Nam sollicitudin interdum elit. Donec  vulputate quam at mi. Donec convallis, nisi lobortis mattis  condimentum, dolor nunc cursus mi, ac aliquet nisl metus ultricies  nisi. Suspendisse potenti. Curabitur nisi. Suspendisse non enim.  Praesent augue nunc, suscipit ac, venenatis sit amet, pretium sed,  justo. Fusce ut augue ac enim sagittis semper. Vivamus sit amet nisl. </p>
  5.       <p>Phasellus adipiscing. Curabitur faucibus pharetra nulla. Lorem ipsum  dolor sit amet, consectetuer adipiscing elit. Suspendisse tempus. Nulla  lorem. Ut facilisis arcu ac dolor. Suspendisse potenti. In hac  habitasse platea dictumst. Aenean lacus. Aliquam lobortis lacus in  risus. Suspendisse faucibus lacus sit amet arcu. In odio tortor,  laoreet vitae, tincidunt et, varius sit amet, ipsum. </p>
  6.       <p>Phasellus vitae pede sit amet leo viverra malesuada. Ut justo.  Suspendisse lacus. Duis posuere velit id ipsum. Etiam at neque a ligula  porta venenatis. Praesent auctor ultricies arcu. Aenean convallis  euismod felis. Suspendisse malesuada dictum turpis. Fusce eu lectus.  Quisque rhoncus. Mauris pharetra libero eu tortor. Donec sit amet diam.  Maecenas pellentesque, ante ultricies tristique dapibus, leo leo  sollicitudin lacus, non placerat mi lacus et sapien. Vestibulum ante  ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;  Sed quam quam, imperdiet sed, molestie ut, eleifend pretium, lacus. </p>
  7.  
  8.       </td>
  9.   </tr>
  10. </table>


I hope this will work for you
Rahul Dev
Reply With Quote  
•
•
Join Date: Jan 2007
Posts: 2,537
Reputation: MidiMagic is on a distinguished road 
Rep Power: 7
Solved Threads: 107
MidiMagic's Avatar
MidiMagic MidiMagic is offline Offline
Posting Maven

Re: Mixing images and text in a table cell

  #4  
Feb 16th, 2008
Why not just float the image to the left or the right as needed, and let the text wrap around it.
Daylight-saving time uses more gasoline
Reply With Quote  
Reply

•
•
•
•

Only community members can participate in forum threads. You must register or log in to contribute.

Register
•
•
•
•
•
•
•
•
DaniWeb JavaScript / DHTML / AJAX Marketplace
•
•
•
•
Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)

 

•
•
•
•
Thread Tools Display Modes
Linear Mode Linear Mode

•
•
•
•
ads adsense apple cell cell phones congress consumer deleting records from ms sql table where columns have duplicate values email google gpt guid partition table iphone ipod kernel keynote lg link linux macworld microsoft mobile partition phone phones playstation prada ps3 revenue stocks technology termination fees text touchscreen unit valentine's day video web 500
Other Threads in the JavaScript / DHTML / AJAX Forum

Advertising Opportunities on DaniWeb
Contact Us - Newsletter Archive - Sitemap - Privacy Statement
All times are GMT -4. The time now is 3:05 am.
Forum system based on vBulletin Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
©2003 - 2008 DaniWeb® LLC