DotDragnet
May 24, 2012, 09:03:13 AM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News: follow us on twitter @dotdragnet
 
   Home   Help Search Login Register  
Pages: [1]   Go Down
  Print  
Author Topic: Images wont stay aligned, WP  (Read 646 times)
Matt
DDN Contribs
Hero Member
*****
Posts: 1710



View Profile WWW Awards
« on: December 15, 2011, 09:18:01 AM »

This is probably a CSS error of mine

But these three images are set left, centre and right alligned, and appear on a level in the WP editor, but not on the page:

http://www.reproglass.co.uk/2011/12/05/tulip-oil-lamp-shades/

Can anyone please let me know why?

Thanks
Logged

Jem
Sr. Member
****
Posts: 469



jemjabella jemjabella
View Profile WWW Awards
« Reply #1 on: December 15, 2011, 09:30:28 AM »

It's because of the 'display:block;' on .aligncenter

Take off aligncenter, give it a margin-left of 100px ish to artificially push it into the middle.
Logged

oi.
Matt
DDN Contribs
Hero Member
*****
Posts: 1710



View Profile WWW Awards
« Reply #2 on: December 15, 2011, 09:35:42 AM »

It's because of the 'display:block;' on .aligncenter

Take off aligncenter, give it a margin-left of 100px ish to artificially push it into the middle.

Thing is its set at that through the 'middle' align through the editor, so how can I make it do that for everything middle aligned?

Thanks Jem!
Logged

sarahA
DDN Contribs
Hero Member
*****
Posts: 2184



View Profile WWW Awards
« Reply #3 on: December 15, 2011, 09:55:55 AM »

remove display: block on the class aligncenter?  Or don't use centre/middle in the editor.

alternatively put a div around the images, give than an ID and override the settings for #id .aligncenter
Logged

Matt
DDN Contribs
Hero Member
*****
Posts: 1710



View Profile WWW Awards
« Reply #4 on: December 15, 2011, 10:50:26 AM »

remove display: block on the class aligncenter?  Or don't use centre/middle in the editor.

alternatively put a div around the images, give than an ID and override the settings for #id .aligncenter
Thanks, that CSS change did it, Client likes to move stuff around, so needed it to be easy as possible
Logged

Pages: [1]   Go Up
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF | SMF © 2006-2008, Simple Machines Valid XHTML 1.0! Valid CSS!