The Arcive of vBulletin Modifications Site.

MarkFoster · #1 12-28-2008, 07:34 AM

I have been trying to put a code together for a long time now, I just sat three hours messing with the code but all I got was a headache.
I'm not a coder but I'm good at messing with codes.

If you go to the footer of http://banjo-kazooie.com/ then you can see 4 images floating on top of another image, the images are: Rare logo, xbox 360 logo, microsoft gaming studios logo, esrb logo.

I'm trying to get the 4 images to float on the image but I can't.

Could somebody just do it quickly for me?

I want these 4 images:

To float in the center of this image:

Could anybody please help me?

Opserty · #2 12-28-2008, 08:30 AM

You can't 'float' an item in the centre. However if you could create a <div> in which to contain all the images, set its width to be the sum of the width of your images. Then use margin:0 auto; on it to centre it inside the footer.

Although having just looked at it in firefox it seems fine in there...

MarkFoster · #3 12-28-2008, 08:57 AM

Quote:

Originally Posted by Opserty

You can't 'float' an item in the centre. However if you could create a <div> in which to contain all the images, set its width to be the sum of the width of your images. Then use margin:0 auto; on it to centre it inside the footer.

Although having just looked at it in firefox it seems fine in there...

I tried with div but it's not really working... It would work if I could add a link in the a "<div class="footer_main">" however that's a command with certain sizes.

When Trying to copy the code from the site it wont work since it's a style sheet with info then there's the image sheet with other info.