...

View Full Version : Centering an image within thickbox



ahallicks
07-09-2007, 05:28 PM
I'm having the stupidest problem I could ever imagine and something that I should be able to sort out but for some reason my two week holiday has rendered me incapable of any web design at all!

On this page (http://www.privateairmanagement.com/aircraft.php) I have some thickbox pop ups that bring up some information about the aircraft in question. Click on the image of the aircraft or any of the links for that aircraft to bring it up...

I want the middle image of the cockpit layout to be centered on the screen. But I just can't get it to center. I have tried wrapping it in a div and doing text-align center, tried margin: auto; but nothing seems to work! Any help would be greatly appreciated...

There are two stylesheets associated with this page;

The Main Style (http://www.privateairmanagement.com/resources/style.css)
The ThickBox Style (http://www.privateairmanagement.com/resources/thickbox.css)

I'm currently using:



#TB_ajaxContent .cabin {
text-align: center;
}


in the thickbox to attempt the centering.

Thanks guys

_Aerospace_Eng_
07-09-2007, 07:33 PM
It looks like that image is floated. Change this

<span class="cabin">

<img src="resources/images/eclipse_interior.jpg" alt="The Seating Plan" />
</span>
to this

<img class="cabin" src="resources/images/eclipse_interior.jpg" alt="The Seating Plan" />
Then in your CSS

img.cabin {
display:block;
float:none;
margin:auto;
}

ahallicks
07-10-2007, 10:48 AM
Cheers Aero! I hadn't noticed that float in there, sorted now!



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum