Want to make into 4 in a row

[insanefred]

Here is my http://insanefred.smugmug.com/airsoft/ I want to make set the albums to 4 in a row instead of 2. I also would like to place the album name below the thumbnail.

I would also like to do this for me other galleries too.
How do I do this?

Thanks

(I already said yes to stretchy feature, it doesn't work.)

[J Allen]

Remove this from your CSS, it belongs in your java-script box:

// change the link on the SmugMug Logo

YE.onAvailable('homelink', function(e) {

this.href = "http://insanefred.smugmug.com/";

this.firstChild.alt = "http://insanefred.smugmug.com/";

this.firstChild.title = "http://insanefred.smugmug.com/";

});

// removes the pipes characters in the toolbar header

YE.onAvailable('toolbar', function(e) {

this.innerHTML = this.innerHTML.replace(new RegExp(/\|/g),"");

});


Add this to your CSS box -

/*----Line Up Galleries 4 Across----*/
.miniBox {width:122px; text-align:center; height:150px; margin:028px;}
.miniBox .photo {float:none; width:122px; height:auto; _height:1px;}
.miniBox .albumTitle {width:122px;}
.miniBox .description {width:122px;}
.miniBox .updated {width:122px;}
.loggedIn .miniBox {height:auto; min-height:300px;}
.loggedIn .miniBox .smbuttons {margin:0 auto; width:122px;}
.loggedIn .miniBox input {width:122px;}
.loggedIn .miniBox textarea {width:112px;}
.boxBottom .albumLarge {width:192px; height:350px; text-align:center;margin:0 24px;}
.albumLarge .photoLarge {float:none; width:192px; height:auto; _height:1px;}
.albumLarge .albumTitle {width:192px;}
.albumLarge .description {width:192px;}
.albumLarge .updated {width:192px;}
.loggedIn .boxBottom .albumLarge {height:auto; min-height:450px;}
.loggedIn .albumLarge .smbuttons {margin:0 auto; width:192px;}
.loggedIn .albumLarge input {width:192px;}
.loggedIn .albumLarge textarea {width:182px;}

[insanefred]

It works but...

http://insanefred.smugmug.com/airsoft/


some of the albums are now duplicates and in the gallery where it doesn't belong. Either that or I didn't notice and something decided to do something different. It's probably the latter

Anyway, easy fix, thanks.

[J Allen]

First lets get your footer centered, change this in your footer HTML box:

<position: center;=""><a href="javascript:norobotmail('ben4345', 'hotmail.com')">Contact Me</a>


To this:

<center><a href="javascript:norobotmail('ben4345', 'hotmail.com')">Contact Me</a></center>


I dont see any duplicate albulms, can you explain a little further?

[J Allen]

See if you like this for your 'About Me' Page:

/*----'ABOUT ME' Gallery 7076357----*/
.gallery_7076357 .play_slideshow,
.gallery_7076357 #albumNav_top,
.gallery_7076357 #albumNav_bottom,
.gallery_7076357 .nophotos h3,
.gallery_7076357 .pageNav
{display: none;}
.gallery_7076357 .journal_entry {border: none;}
.gallery_7076357 #journal img.imgBorder,
.gallery_7076357 #journal img.imgBorderOn {
border-width: 0px;}
.gallery_7076357 #journal .photo.right {
cursor: auto;}
.gallery_7076357 #journal .photo a {
cursor: auto;}
.gallery_7076357 #journal .photo img {
cursor: auto;}