CSS experts - I need help

[NobleSavage]

I'm trying to get off my lazy ass and clean up my code.

How can I center 3 thumbs in a post with CSS?

http://surfcuties.com/

See the post: "Blond with Big Tits at Pool" how to do that without a table? I've tried about 10 different things and nothing is working


**and yes I know my xLabor templates are table based and sucky. I'm going to convert it slowly...

[NobleSavage]

Ok - never mind - I figured it out.

By the way - don't buy any xlabor templates - I'm looking through the CSS and it really sucks. Lots of IDs are used where Classes should be used and a bunch of other stuff....

[virgohippy]

Just 3 pics?

The easiest way I can think of would be something to this effect:

<div align="center" style="padding-left:20px;padding-right:20px;">
<img src="1.jpg" hspace="5" align="left" alt="">
<img src="3.jpg" hspace="5" align="right" alt="">
<img src="2.jpg" hspace="5" alt="">
</div>

I used something similar for a freesite a while back. I'm sure you can figure out how to change values, and convert the styles to an external sheet.

[virgohippy]

Originally Posted by NobleSavage

Ok - never mind - I figured it out.

How'd you do it?

[NobleSavage]

Originally Posted by virgohippy

How'd you do it?

This is what I did:

<div>
<img class="3pics" src="http://image.com" alt="">
<img class="3pics" src="http://image.com" alt="">
<img class="3pics" src="http://image.com" alt="">
</div>

and in CSS:

.3pics {
margin-left: 12px;
}


I was making it way too complicated trying to figure out a way to do it with auto margin and screwing with floats. Then I figured it would just be a lot easier to put a fixed margin on each of left sides.

[Maj. Stress]

NobleSavage,
I don't think you can name a class beginning with a number. I ran into that problem once before. Make sure you test that in multiple browsers.

[NobleSavage]

Originally Posted by Maj. Stress

NobleSavage,
I don't think you can name a class beginning with a number. I ran into that problem once before. Make sure you test that in multiple browsers.

Yeah, you are right. I actually used .pics3.

[jayeff]

Nit-picking for sure, but margin: 0px 6px; would center them fully...

[NobleSavage]

Originally Posted by jayeff

Nit-picking for sure, but margin: 0px 6px; would center them fully...

Good point. I'll center that way from know on.

[DuttySanchez]

Originally Posted by NobleSavage

Ok - never mind - I figured it out.

By the way - don't buy any xlabor templates - I'm looking through the CSS and it really sucks. Lots of IDs are used where Classes should be used and a bunch of other stuff....

I agree that the xlabor templates are total trash!!! They just want your money! They claim to give you all this stuff thats "included" but when you email them they just ignore you-

[oast]

I have found this way works good for me and allows for dynamic centering of images in all browsers:

<div style="width:390px;margin:auto;">
<img src="pic1.jpg" width="125" height="167" border="1" alt="">
<img src="pic2.jpg" width="125" height="167" border="1" alt="">
<img src="pic3.jpg" width="125" height="167" border="1" alt="">
</div>

One note:
For it to work in IE, you have to make sure your DOC TYPE is set correctly.