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 » Center area post/pages »

[SOLVED] Images not aligning across page


  #1  
Old May 5, 2011, 06:53 AM
RichardG
 
29 posts · Sep 2010
I have palced 3 images across a page using the image loader but the middle is always raised above the left and right images. How can I get them level? I said I would help a friend and they are getting upset that I am struggling to achieve this. Please can someone help?
Thankyou
  #2  
Old May 5, 2011, 07:02 AM
lmilesw's Avatar
lmilesw
 
10,176 posts · Jul 2009
Central New York State USA
Here is a link to an article that describes one method. You can also accomplish this with floats but I think this one is a bit easier.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #3  
Old May 5, 2011, 09:29 AM
RichardG
 
29 posts · Sep 2010
Thanks Larry

Have been fiddling since you posted and cannot get it to align correctly. What is the floating option?
Thanks Richard
  #4  
Old May 5, 2011, 11:06 AM
lmilesw's Avatar
lmilesw
 
10,176 posts · Jul 2009
Central New York State USA
Can you post the code you are using and a link to the site?
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #5  
Old May 5, 2011, 01:08 PM
RichardG
 
29 posts · Sep 2010
Larry

Code and link as requested

[caption id="attachment_129" align="alignleft" width="200" caption="Chain necklace - silver chain and felted wool"]<a href="http://barbaraspence.co.uk/wp-content/uploads/2011/03/IMGP08881.jpg" target="_blank"><img class="size-medium wp-image-129" title="Chain necklace" src="http://barbaraspence.co.uk/wp-content/uploads/2011/03/IMGP08881-300x225.jpg" alt="Chain necklace - silver chain and felted wool" width="200" height="200" /></a>[/caption]

[caption id="attachment_125" align="alignright" width="200" caption="Ball necklace - silver, acrylic and felted wool"]<a href="http://barbaraspence.co.uk/wp-content/uploads/2011/03/IMGP0869.jpg" target="_blank"><img class="size-medium wp-image-125" title="Ball necklace" src="http://barbaraspence.co.uk/wp-content/uploads/2011/03/IMGP0869-300x225.jpg" alt="Ball necklace - silver, acrylic and felted wool" width="200" height="200" /></a>[/caption]

[caption id="attachment_125" align="aligncenter" width="200" caption="Threaded brooch - silver, silk and steel pin"]<a href="http://barbaraspence.co.uk/wp-content/uploads/2011/03/IMGP07684.jpg" target="_blank"><img class="size-medium wp-image-128 " title="Threaded brooch" src="http://barbaraspence.co.uk/wp-content/uploads/2011/03/IMGP07684-300x225.jpg" alt="Threaded brooch - silver, silk and steel pin" width="200" height="200" /></a>[/caption]

http://barbaraspence.co.uk/textile-jewellery

I really appreciate all your help. Thank you
  #6  
Old May 5, 2011, 06:11 PM
lmilesw's Avatar
lmilesw
 
10,176 posts · Jul 2009
Central New York State USA
If you set them all to align left they will line up. You have one set to align center and one to align right which messes things up. You can also set them all to align none and then use the inline-block display as shown below. I also added right margins to the first two images to space them a bit.
HTML Code:
<div style="display: inline-block;margin-right:20px;">
[caption id="attachment_129" align="alignnone" width="200" caption="Chain necklace - silver chain and felted wool"]<a href="http://barbaraspence.co.uk/wp-content/uploads/2011/03/IMGP08881.jpg" target="_blank"><img class="size-medium wp-image-129 " title="Chain necklace" src="http://barbaraspence.co.uk/wp-content/uploads/2011/03/IMGP08881-300x225.jpg" alt="Chain necklace - silver chain and felted wool" width="200" height="200" /></a>[/caption]
</div>

<div style="display: inline-block;margin-right:20px;">
[caption id="attachment_125" align="alignnone" width="200" caption="Ball necklace - silver, acrylic and felted wool"]<a href="http://barbaraspence.co.uk/wp-content/uploads/2011/03/IMGP0869.jpg" target="_blank"><img class="size-medium wp-image-125  " title="Ball necklace" src="http://barbaraspence.co.uk/wp-content/uploads/2011/03/IMGP0869-300x225.jpg" alt="Ball necklace - silver, acrylic and felted wool" width="200" height="200" /></a>[/caption]
</div>

<div style="display: inline-block;">
[caption id="attachment_125" align="alignnone" width="200" caption="Threaded brooch - silver, silk and steel pin"]<a href="http://barbaraspence.co.uk/wp-content/uploads/2011/03/IMGP07684.jpg" target="_blank"><img class="size-medium wp-image-128 " title="Threaded brooch" src="http://barbaraspence.co.uk/wp-content/uploads/2011/03/IMGP07684-300x225.jpg" alt="Threaded brooch - silver, silk and steel pin" width="200" height="200" /></a>[/caption]
</div>
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #7  
Old May 6, 2011, 06:10 AM
RichardG
 
29 posts · Sep 2010
Larry you are a star and a hero. If I wasn't in the uk I'd give you a big kiss!

How can I thankyou?

By making a contribution? Also are you available to create websites?

Many Thanks for all your time and help.
Richard
  #8  
Old May 6, 2011, 06:45 AM
lmilesw's Avatar
lmilesw
 
10,176 posts · Jul 2009
Central New York State USA
Quote:
How can I thankyou?
You just did.
Quote:
By making a contribution? Also are you available to create websites?
Yes and Yes
Quote:
Many Thanks for all your time and help.
My pleasure.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.

Bookmarks

Tags
image handling alignment

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
images not aligning doctordan Center area post/pages 3 Apr 24, 2011 04:40 PM
3.5.1: Header images always aligning left when rotating headers are on hlietz Header configuration & styling 1 Jul 14, 2010 01:49 PM
Aligning Items in Post Kesava Atahualpa 3 Wordpress theme 1 Jul 12, 2010 01:30 PM
[SOLVED] Aligning the whole layout to the right interage Atahualpa 3 Wordpress theme 1 Nov 16, 2009 09:48 AM
Aligning Page Menu items joaodagraca Page & Category Menu Bars 1 Aug 8, 2009 04:13 AM


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


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