SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Enthusiast
    Join Date
    May 2006
    Location
    UK
    Posts
    95
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Setting product tables evenly

    I have set up a website for a client that wishes to update the html themselves to add new products regularly. I thought the easiest way to do this would be to set tables for them to enter their own text/photos which they can copy and paste. Originally these tables were underneath each other but now I am trying to have the tables side by side and set them so they remain the same height despite the size of the photo/text put inside them but this happens

    http://www.theoldstuff.co.uk/test.html

    any advice on how I can set this in the css please?

  2. #2
    SitePoint Enthusiast
    Join Date
    May 2006
    Location
    UK
    Posts
    95
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    ignore anything else on the page, its just a test template

  3. #3
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,516
    Mentioned
    182 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    The easiest but (but not very semantic) method is to use a table with two rows of 6 cells and in the top row you put the images and on the next row you put the captions. The cells will then automatically equalise. You can do it in the same manner using display:table (ie8+) but again it needs two separate rows.

    The css method would require using fixed heights which would mean truncating content or allowing a maximum amount of height to cater for all the captions. You'll have to wait for some of the new css3 modules to do this properly.

  4. #4
    SitePoint Enthusiast
    Join Date
    May 2006
    Location
    UK
    Posts
    95
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    thank you, i had tried it that way but thought as a complete HTML novice she might get confused with all columns and rows with putting the right image with the right text but if thats the only way to do I will have to do it that way and hope she catches on lol, thanks again


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •