Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

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

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


  #1  
Old Dec 4, 2012, 01:25 PM
Graytness
 
19 posts · Jul 2010
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:
http://www.uphereinmytree.com/socialize/

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" />
</div>

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.
  #2  
Old Dec 4, 2012, 05:23 PM
juggledad's Avatar
juggledad
 
23,682 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
try playing with 'float: left;'
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support

Bookmarks

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 08:26 AM.


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