#1
  1. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    May 2013
    Posts
    1
    Rep Power
    0

    CSS help on multiple images in one div


    I would like to add social media images to a div.

    In the css code, the images have an absolute left position.
    I added my three images, and they are stacked on top of one another.

    In an attempt to check the code I added the images after the for_great div and they line up just like I want after the box and under the next div.

    I have tried to remove the positioning, and they ended up stacked in the corner instead of nice and centered vertically in the box. I tried to put the images in a table and they still ended up stacked.

    How do I make the images for this ONE instance, line up like I want them to?

    heavyparts dot com Bottom left
  2. #2
  3. No Profile Picture
    Contributing User
    Devshed Novice (500 - 999 posts)

    Join Date
    Oct 2009
    Location
    Nebraska, USA
    Posts
    862
    Rep Power
    275
    The DIV inside your FOR_GREAT DIV, you have inline styling for your social images.
    To get them to center vertically, just add padding:15px; (or padding-top:15px; should work, too) to that inline style and the social icons should move to approximate center.

IMN logo majestic logo threadwatch logo seochat tools logo