Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    Regular Coder
    Join Date
    Oct 2005
    Posts
    124
    Thanks
    7
    Thanked 0 Times in 0 Posts

    using float like a table

    see http://mikelambert.me/floattable.htm

    has anyone come up with a good solution to this problem??

  • #2
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,675
    Thanks
    22
    Thanked 1,827 Times in 1,811 Posts
    Hello Duffman12,
    I've worked a long time on that.
    If your thumbs are not all the same height, the problem you show in your 3rd example will happen.

    How about setting the height of a container around the thumb? Since it's handy to have a container to keep the caption from wondering off it's not really extra.

    Have a look at this solution - http://nopeople.com/CSS/thumbnail%20...ion/index.html - you just need to put a height on the .wrapper span that will contain your tallest thumbnail.

    Another solution might be to set a smaller height and overflow:hidden;
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #3
    Regular Coder
    Join Date
    Oct 2005
    Posts
    124
    Thanks
    7
    Thanked 0 Times in 0 Posts
    awesome! I looked at that site you sent, and noticed that it was using inline. My solution is a little bit different but it has the same coccept.

    thanks!

    (i've updated http://mikelambert.me/floattable.htm)


  •  

    Posting Permissions

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