Wordpress Themes - WP Forum at BFA
There will be no more development for Atahualpa (or any other theme), and no support. Also no new registrations. I turned off the donation system. I may turn the forum to read only if it gets abused for spam. Unfortunately I have no time for the forum or the themes. Thanks a lot to the people who helped in all these years, especially Larry and of course: Paul. Take care and stay healthy -- Flynn, Atahualpa developer, Sep 2021

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme »

[SOLVED] Aligning 4 Images Horizontally (CSS / HTML Question)

Prev Previous Post   Next Post Next
Old Dec 4, 2012, 01:25 PM
19 posts · Jul 2010
[SOLVED] Aligning 4 Images Horizontally (CSS / HTML Question)

I've been toying with this for what feels like forever and have yet to figure it out. This isn't an Atahualpa question per se, but I know a lot of you are pretty familiar with HTML and CSS, so I figured it was worth a shot.

Here is the page I'm having problems with:

I want the 4 images to appear in a horizontal line, space evenly apart. I've tried a bunch of different methods, but have yet to succeed.

Here is the HTML I'm using:
<div id="socialize" style="width:900px;">
<img id="facebookicon" src="http://uphereinmytree.com/wp-content/themes/atahualpa379/images/Facebook.png" alt="Facebook Icon" />
<img id="twittericon" src="http://uphereinmytree.com/wp-content/themes/atahualpa379/images/Twitter.png" alt="Twitter Icon" />
<img id="rssicon" src="http://uphereinmytree.com/wp-content/themes/atahualpa379/images/RSS.png" alt="RSS Icon" />
<img id="gmailicon" src="http://uphereinmytree.com/wp-content/themes/atahualpa379/images/Gmail.png" alt="Gmail Icon" />

Here's the CSS:
div#socialize img {
background-color: transparent;
display: block;
margin-left: auto;
margin-right: auto;

I've tried floating the images left, but they end up on a diagonal for some reason. Only the left most icon is in the proper position. Any help would be greatly appreciated.


Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes

Similar Threads
Thread Thread Starter Forum Replies Last Post
Aligning images with captions legrys Center area post/pages 0 May 30, 2012 08:00 AM
Problem with aligning images and text in Internet Explorer. ARealpolitik Atahualpa 3 Wordpress theme 5 Sep 13, 2011 08:05 AM
[SOLVED] Images not aligning across page RichardG Center area post/pages 7 May 6, 2011 06:45 AM
images not aligning doctordan Center area post/pages 3 Apr 24, 2011 04:40 PM

All times are GMT -6. The time now is 12:41 AM.

Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.