Hello, I have a table that takes all the available width (width:100%) but if there is a thumbnail, the table will be displayed under the image. For example:
Test
How can I avoid the "clear effect" and make the image floating alongside the table? (but still I need the table to take the maximum width possible)
Yeah, that's my problem... otherwise the table will shrink too much. I think a possible solution would be setting a min-width, but I like to hear if there are any other options available.
You want the table to be at 100% width and you want the image to be next to the table, right? You'd need to move the image into the rail, which isn't allowed. The only other option would be to have the image overlapping or inside of the table. Is that what you want?
No overlapping or moving the image in other location, I just want the table to fill up all the space on the side of the image (the image doesn't have a set width, since it can be any image). The example I posted is a fine one to look at. Basically I want it to become like this:
Test
I manually set the widths here, but I want the table to automatically adapt since sometimes there could be an image and sometime there couldn't. I don't know how to do that with CSS.
If you want to look at the actual thing, here it is: I want to avoid that "clear" effect which push down the quote template, but where there isn't the image it should take all the width of the page. (The template is quite complicated, but it's essentially a table)