Today's Posts Follow Us On Twitter! TFL Members on Twitter  
Forum search: Advanced Search  
Navigation
Marketplace
  Members Login:
Lost password?
  Forum Statistics:
Forum Members: 24,254
Total Threads: 80,792
Total Posts: 566,471
There are 469 users currently browsing (tf).
 
  Our Partners:
 
  TalkFreelance     Design and Development     HTML/XHTML/DHTML/CSS :

Can table content wrap around a floated element?

Thread title: Can table content wrap around a floated element?
Reply    
    Thread tools Search this thread Display Modes  
07-03-2009, 04:12 PM
#1
mentalNomad is offline mentalNomad
Status: I'm new around here
Join date: Jul 2009
Location:
Expertise:
Software:
 
Posts: 2
iTrader: 0 / 0%
 

mentalNomad is on a distinguished road

  Old  Can table content wrap around a floated element?

I am creating a 2-column table that should have some photos interspersed within it. To do this, I have floated right a paragraph that includes the image at the top, but that causes the table cells to have the same width throughout the entire page.

You can see my code at my site here. On the rows below the floated p (around Year 5), I would like the event description text to extend across the entire page beneath the floated image. However, the cell width is being set by the cells above. Is there a way to fix this, or should I just not use a table for my timeline?

Thanks.

Reply With Quote
07-26-2009, 12:14 AM
#2
JREAM is offline JREAM
Status: Junior Member
Join date: Jul 2009
Location:
Expertise:
Software:
 
Posts: 27
iTrader: 0 / 0%
 

JREAM is on a distinguished road

Send a message via AIM to JREAM Send a message via Yahoo to JREAM

  Old

I don't think this can be done because the table is one large Block Element, and the DIV is another large block element. You would have to place the DIV inside the TD, and possible use some ROWSPANS to makeup for the bulk.

Reply With Quote
07-28-2009, 10:56 PM
#3
mstrock is offline mstrock
mstrock's Avatar
Status: Junior Member
Join date: Jul 2009
Location: Branson, MO.
Expertise:
Software:
 
Posts: 30
iTrader: 0 / 0%
 

mstrock is on a distinguished road

  Old

You don't need a table, just float the image right

Reply With Quote
07-29-2009, 12:59 AM
#4
JREAM is offline JREAM
Status: Junior Member
Join date: Jul 2009
Location:
Expertise:
Software:
 
Posts: 27
iTrader: 0 / 0%
 

JREAM is on a distinguished road

Send a message via AIM to JREAM Send a message via Yahoo to JREAM

  Old

Good point, get rid of the table instead

Reply With Quote
08-20-2009, 04:12 PM
#5
Knuxxy is offline Knuxxy
Status: Junior Member
Join date: Aug 2009
Location: UK
Expertise:
Software:
 
Posts: 36
iTrader: 0 / 0%
 

Knuxxy is on a distinguished road

  Old

Remove the table and add float: right to the div in which the image is placed.

Reply With Quote
Reply    


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

  Posting Rules  
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump:
 
  Contains New Posts Forum Contains New Posts   Contains No New Posts Forum Contains No New Posts   A Closed Forum Forum is Closed