can anybody help with a CSS question??
  • JiMQBiMJiMQBiM
    I have a table in my sidebar that I use to display images of albums I'm currently enjoying (See Heavy Rotation section of in sidebar).  I don't like the way the table code formats this, and was hooping that maybe by using <div> tags I could reduce the space around the images and tighten up the whole look of the table, but so far I haven't been successful in getting the smaller images to sit beside each other--they end up stacked one on top of the other in a single column.



    Can anyone help me figure out what the div tag should look like?  My sidebar width is set at 190px if that's of any use.



    Thanks, and extremely gratitude (and maybe an honourarium??) for anyone who can help me out.
  • TimTim
    You could set padding around images for that table anyway, but divs are better true. If no-one else has done by tomorrow I'll do it when I get access to a computer
  • JiMQBiMJiMQBiM
    You're the best, Tim.
  • taylor@hypemtaylor@hypem
    For what it's worth, I think it looks perfect!
  • JiMQBiMJiMQBiM
    You're the best, too, Taylor.



    You're all the Best.



    WE'RE ALL THE BEST.
  • TimTim
    This looks like it should work.

    The HTML:












    The CSS:

    #heavyrotation {
    width: 170px;
    padding: 11px;
    }

    .heavypic {
    margin: 2px;
    float: left;
    }
  • TimTim
    That should get you 4px spaces around the images, and it all centred.
  • JiMQBiMJiMQBiM
    Awesome, Tim!  I'm going to give this a try as soon as I have some time to work on it.
Add a Comment

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!

Sign In Apply for Membership

Categories