View Full Version : recreate social icons

06-12-2012, 02:03 AM
Hi guys, trying to recreate the following http://s16.postimage.org/g5hnkvuu9/logo.jpg (http://postimage.org/image/g5hnkvuu9/) (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

<img src="http://www.test.com/images/specLogos.png" alt="logos" />

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.

<img src="http://www.test.com/images/specLogos.png" alt="logos" />
<a href="#"><img src="http://www.test.com/images/facebook.png" alt="facebook" /></a>

Or do I need to use some css to do a float left or something?


06-12-2012, 02:24 AM
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;