View Full Version : Centering an image within thickbox

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

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" />
to this

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

img.cabin {

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