onI've been working on my design (or the front page of my design at least), to match my blog, to incorporate them both together.

I can handle a pretty good ammount of CSS and html editing, but I've been stuck on this for quite a while...

It's not that much of a big issue, but I can't make it look the way I want it too.

On the bottom of the page, on firefox, the background breaks between the end of the gallery and the footer, and after the footer as well. In internet Explorer shows all continious for me, which is what I want to happen.

I think the spacer.gif is breaking the background there, and I don't know how to get rid of it in a way that it doesn't mess up the other things I have already configured.

Also, neither of my Feed images are showing for some reason.

http://mrqcho.smugmug.com

I'd appreciate any help or comments on it, I'm off to work on the photo displaying section of the site.

Thanks in advance!
Albert

Originally Posted by mrqcho I've been working on my design (or the front page of my design at least), to match my blog, to incorporate them both together. I can handle a pretty good ammount of CSS and html editing, but I've been stuck on this for quite a while... It's not that much of a big issue, but I can't make it look the way I want it too. On the bottom of the page, on firefox, the background breaks between the end of the gallery and the footer, and after the footer as well. In internet Explorer shows all continious for me, which is what I want to happen. I think the spacer.gif is breaking the background there, and I don't know how to get rid of it in a way that it doesn't mess up the other things I have already configured. Also, neither of my Feed images are showing for some reason. http://mrqcho.smugmug.com I'd appreciate any help or comments on it, I'm off to work on the photo displaying section of the site. Thanks in advance! Albert

.box {
margin:0;
background: url(http://mrqcho.smugmug.com/photos/34122313-O.gif) repeat-y;
width: 783px;
}

That'll get the footer to seamlessly integrate with the rest of your page. I'll have to work on making the footer stick to the bottom.

Originally Posted by Mike Lane .box { margin:0; background: url(http://mrqcho.smugmug.com/photos/34122313-O.gif) repeat-y; width: 783px; } That'll get the footer to seamlessly integrate with the rest of your page. I'll have to work on making the footer stick to the bottom.

Awesome!
I could live without the bottom part for now I guess, if there's not a way to fix it, I'll just add a bottom border or something.

Thanks for your help, though, I've been hitting my head for a while through my messy css. I should probably make it easier to read, to be able to modify it better before I start customizing the photo pages.

Sorry for making you go through it.

Originally Posted by mrqcho Sorry for making you go through it.

Seriously, adding margin:0; isn't that big of a deal to me. Besides, this is exactly the reason I set up this thread.

Originally Posted by Mike Lane Seriously, adding margin:0; isn't that big of a deal to me. Besides, this is exactly the reason I set up this thread.

I did add the margin:0 .... which put the gallery section with the footer together. that's what the Awesome was about .

I was talking that I could leave without sticking the footer with the bottom part of the page. Though if you do find a way, it would be perfect, I'm still trying to manage a way to make it stick to the bottom.

Any ideas why the images of the feeds are not showing either?

Originally Posted by mrqcho I did add the margin:0 .... which put the gallery section with the footer together. that's what the Awesome was about . I was talking that I could leave without sticking the footer with the bottom part of the page. Though if you do find a way, it would be perfect, I'm still trying to manage a way to make it stick to the bottom. Any ideas why the images of the feeds are not showing either?

bump - is this resolved?

Originally Posted by andy bump - is this resolved?

Yes andy, and thanks for looking.
It was actually not truly resolved, since I couldn't get the page to merge to the bottom, but I'm happy the way it looks now. It's not a big deal.

Thanks for noticing though!

Originally Posted by mrqcho Yes andy, and thanks for looking. It was actually not truly resolved, since I couldn't get the page to merge to the bottom, but I'm happy the way it looks now. It's not a big deal. Thanks for noticing though!

Actually, on this note, and maybe mike can help me with this, I've been trying of incorporating the effect I have on my homepage galleries into the rest of my galleries.

Unlike in this case
http://www.dgrin.com/showpost.php?p=...&postcount=223

my code would work fine on my galleries, though it would break the three column thumbnail into a two column on the smugmug and smugmug small views [making it really long vertically], all this because of the space required for the padding, and I didn't know where to allow more space,so that this section had enough spacing required to display it properlyy.

this is the CSS for the effect

  .imgBorder{
    padding: 4px;
     border-style: solid;
     border-top: 1px solid #ddd;
     border-left: 1px solid #ddd;
     border-bottom: 2px solid #c0c0c0;
     border-right: 2px solid #c0c0c0;
     }
   .imgBorderOn{
    padding: 4px;
     border-style: solid;
     border-top: 1px solid #777;
     border-left: 1px solid #777;
     border-bottom: 2px solid #606060;
     border-right: 2px solid #606060;
     }

Originally Posted by mrqcho Actually, on this note, and maybe mike can help me with this, I've been trying of incorporating the effect I have on my homepage galleries into the rest of my galleries. Unlike in this case http://www.dgrin.com/showpost.php?p=...&postcount=223 my code would work fine on my galleries, though it would break the three column thumbnail into a two column on the smugmug and smugmug small views [making it really long vertically], all this because of the space required for the padding, and I didn't know where to allow more space,so that this section had enough spacing required to display it properlyy. this is the CSS for the effect .imgBorder{ padding: 4px; border-style: solid; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-bottom: 2px solid #c0c0c0; border-right: 2px solid #c0c0c0; } .imgBorderOn{ padding: 4px; border-style: solid; border-top: 1px solid #777; border-left: 1px solid #777; border-bottom: 2px solid #606060; border-right: 2px solid #606060; }

First off you can adjust the margins and padding of the thumbnails themselves with this:

#smugmug #thumbnails .photo {
height: 100px;
min-height:100px;
width: 100px;
margin:0;
}

Adjust the margin until it looks right.

Also to change the width of the thumbnails box (in the smugmug style but you can change that), do this:

#smugmug #thumbnails {
width:800px;
}

Obviously, this is going to make it WAY too wide, I'm just trying to make a point that you can do it, change the width to be what you want.

Now, the problem is that there are widths associated with lots of other elements and there will be much breakage if you just up the width of the smugmug style. Things you'll have to increase are:

#smugmug {
width:<whatever works>;
}

#photos { /* I'm not sure if you'll have to adjust this or not */
width:<whatever>;
}

.leftColumn...
#albumNav_top (to make the top navigation display the same width)...

I'm sure there are more. This should only apply to the smugmug and smugmug_small style types.