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 2 of 2
  1. #1
    Regular Coder
    Join Date
    May 2009
    Posts
    164
    Thanks
    75
    Thanked 1 Time in 1 Post

    recreate social icons

    Hi guys, trying to recreate the following (think you need to click on image to see full size). The first 3 logos on the left is one image. You then have the text "share", with the individual, clickable social icons. Finally there is more text, and one image for the credit card images.

    So I have started, and done
    Code:
    <div>
        <img src="http://www.test.com/images/specLogos.png" alt="logos" />
    </div>
    So, that displays the first 3 logos where I want it. Now I need to do the text and the social icons. Do I just add it straight in? e.g.
    Code:
    <div>
        <img src="http://www.test.com/images/specLogos.png" alt="logos" />
        <p>Share</p>
        <a href="#"><img src="http://www.test.com/images/facebook.png" alt="facebook" /></a>
    </div>
    Or do I need to use some css to do a float left or something?

    Cheers
    Nick

  • #2
    New Coder
    Join Date
    Jun 2012
    Posts
    42
    Thanks
    3
    Thanked 0 Times in 0 Posts
    That would work as long as you set the div's width large enough to hold all the elements inside.

    Another option is to put each image/text into a list and set list-style:none; and display:inline;


  •  

    Posting Permissions

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