Grow your CSS skills. Land your dream job.

[Solved] Fix overlapping of images

  • # August 27, 2010 at 12:36 pm

    I have a table that has 3 overlapping images. I am trying to get the tables to fall underneath each other so that they do not overlap. I can’t seem to achieve this with html, so I figured some CSS would fix the problem.

    See the right side under “related products”.

    http://turbodieselpower.com/afe-stage-2-pg7-intake-03-07-dodge-cummins-5-9l-75-10412.html

    Any advice is much appreciated.

    # August 27, 2010 at 1:39 pm

    I think the overlapping problem lies within the percentage based width of the . If you take that out, the blocks no longer overlap. Then, you probably should add display block to the image so that your text won’t try and populate the extra space to the left.

    You might want to look at laying out these blocks using a div structure instead of tables. It will save a lot of headaches and will be more semantic. Hope this helps!

    # August 27, 2010 at 4:02 pm

    Thank you sir. It was the table width! I should have spotted that, but the php & tables through me off. PHP & Tables are ugly enough by themselves… together is just too much to look at sometimes.

    # August 27, 2010 at 7:09 pm

    Glad I could help! Cheers.

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".