sqaure box.

[gavin]

ALright since i do not have the time right now to work on the rounded boxes. How can i simply add a grey box..... # c1c2c3 to all my pages. I want the Width to be a set size, same as my starting page wide for my slide show, and then the length to vary depending on the page?

is this any easier to do?

[Mike Lane]

ALright since i do not have the time right now to work on the rounded boxes. How can i simply add a grey box..... # c1c2c3 to all my pages. I want the Width to be a set size, same as my starting page wide for my slide show, and then the length to vary depending on the page?

is this any easier to do?It's easy and it's a good starting point for rounded boses. Put this in your header before everything else:

HEADER:
<div id="mySiteWrapper">

And put this in your footer after everything else:
</div>

Then put this in your CSS:

#mySiteWrapper {
background:#c1c2c3;
width:750px;
margin:0 auto;
}

.Large #mySiteWrapper,
.Original #mySiteWrapper {
width:800px;
}

.smugmug #mySiteWrapper,
.critique #mySiteWrapper {
width:960px;
}


That's a good start. You may want to adjust the padding a bit.

[gavin]

That you kindly Sir!

[gavin]

It doesn;t work though? i must have done somthing wrong i entered it just as you described!

[Mike Lane]

CSS is very specific about how you do comments. In your case your improper CSS comments - // SQAURE BOX // - are ruining the whole thing. So change it to this:

/* SQAURE BOX */

And you'll be set.

[gavin]

CSS is very specific about how you do comments. In your case your improper CSS comments - // SQAURE BOX // - are ruining the whole thing. So change it to this:

/* SQAURE BOX */

And you'll be set.

That works great, just one little thing, i dont; want the grey box appearing on my home page.

[Mike Lane]

That works great, just one little thing, i dont; want the grey box appearing on my home page.no problem. Just add this:

.homepage #mySiteWrapper {
background:transparent;
}

[gavin]

no problem. Just add this:

.homepage #mySiteWrapper {
background:transparent;
}
Thank you very much!!

[gavin]

Again thank you very much i am very pleased, I almmost like this look better than the rounded corners, looks sharper.

How am i able to change thte width of the box on my galleries page? I would like it to be 980 pixels like the rest.

Not sure how to do this though.

Thanks!!

http://www.gjohnstone.com/galleries

[Mike Lane]

It already is :deal But inside of it is a div with id #homepage and that is only 750px wide. Simply add the following to your css:

.galleries #mySiteWrapper {
background:#c1c2c3;
}

.galleries #homepage {
width:980px;
}

.galleries .box {
background:transparent;
}

[Allen]

Again thank you very much i am very pleased, I almmost like this look better than the rounded corners, looks sharper.

How am i able to change thte width of the box on my galleries page? I would like it to be 980 pixels like the rest.

Not sure how to do this though.

Thanks!!

http://www.gjohnstone.com/galleries Try this, don't know if it's the correct way to do it, but it works.

.galleries .boxBottom {
background:#c1c2c3;
width:980px;
margin-left: -120px;
}

Edit: Guess it's not, Mike to the rescue.

[gavin]

Thanks guys!!! really appreciate it!!!