Center Image in image_box?

[gatordavid]

I'm sure I'll slap myself when someone tells me, but I can't seem to get an image to center in the #image_box.

I added:

#image_box img{text-align:center;}

to my custom.css, but no dice.

Help?

[bs11]

I could be barking up the wrong tree, but are your images 420 wide? I had the same issue last night and resized the images to 420px and then they were perfect.

[gatordavid]

Right. I could resize my images to all be 420 wide, but I have some that will look ridiculous (because they'd be way too tall). Surely there's a way to center the image in the image_box container ...

(thanks for the reply, though!)

[gatordavid]

Okay. Now I'm really confused. I was able to use custom.css to change the background color of the #image_box like so:

.custom #image_box(background:#000;}

but putting text-align:center; in there refuses to center an image.
What gives?

[gatordavid]

Anyone? Bueller? Bueller?

[kingdomgeek]

.custom #image_box { text-align: center; }

That should work. The code posted above applied the text-align to the IMG element itself, but because it is not a container element, text-align has no effect.

[gatordavid]

Sorry, KingdomGeek, but that is exactly what I have now and it's not centering.

.custom #image_box{text-align:center;}

I can't think of *why* this isn't doing it, but it isn't.

I'm on a Mac and it's not centered in FF3 or in Safari; I've made almost no other changes to Thesis since I installed it. (Certainly nothing that would affect this.)

Full disclosure: I'm a computer programmer and have been building sites since 1996, so I'm not exactly a noob here ...

[kingdomgeek]

Do you by chance have a link I can see which uses the image you're wanting centered?

I wonder if this wouldn't work;

.custom #multimedia_box { text-align: center; }

Or failing that, perhaps this one:

.custom #multimedia_box { margin-left: auto; margin-right: auto; }

[gatordavid]

Thanks for the effort, KingdomGeek. I gave that a shot, too, but still no dice.

I have surrendered for now and simply resized all my images to 420 wide.

(My site is davidgagne.net, but unfortunately there was no way for me to point you to an example because the image displayed is random ... you'd have had to refresh an unknown number of times to find one that wasn't the right size, and I didn't want to ask you to do that!)

[kingdomgeek]

I'd have been more than willing to do so, if it meant getting an answer for ya!