PDA

View Full Version : CSS help

gravelbrat
Jan-08-2007, 05:04 PM
Hi guru's!

I have some css code that I want on the header of my home page only. It is showing all through my smug site:

http://9thtrydigital.smugmug.com/

How do I do this?

THANKS!!
Allen
Jan-08-2007, 05:08 PM
Hi guru's!

I have some css code that I want on the header of my home page only. It is showing all through my smug site:

http://9thtrydigital.smugmug.com/

How do I do this?

THANKS!!
Precede it with

.homepage #xxxxxxx (xxxx:xx;}
gravelbrat
Jan-08-2007, 05:29 PM
[quote=Allen]Precede it with

.homepage #xxxxxxx (xxxx:xx;}

Hi Allen,

Nice to see you again. Sorry, I don't understand the x's. I added the .homepage, etc to my css box in control panel. Is the first set of x's the image number of my header image? And the last set inside the parenthesis and curley bracket...what are those x's?

Sorry if this is a pain!
Allen
Jan-08-2007, 05:56 PM
[quote=Allen]Precede it with

.homepage #xxxxxxx (xxxx:xx;}

Hi Allen,

Nice to see you again. Sorry, I don't understand the x's. I added the .homepage, etc to my css box in control panel. Is the first set of x's the image number of my header image? And the last set inside the parenthesis and curley bracket...what are those x's?

Sorry if this is a pain!


The xxxx's are just generic for anything. Like .border or .background or {color:red;}.
Andy
Jan-08-2007, 06:08 PM
#my_header {display: none;}
.homepage #my_header {display: block;}
gravelbrat
Jan-08-2007, 07:05 PM
#my_header {display: none;}
.homepage #my_header {display: block;}

Hi to you Andy!

Thanks for your original encouragement on getting this CSS style up and running! Yes, those work to block the display of my header image on all except the gallery category page. But the css style that inserts the thumbnails and magnified images inside my homepage header...they appear throughout ALL my pages. I've been reading about internal style sheets on the W3Schools forum, but I can't get my code to interface correctly within Smug's format. I tried moving the css code for the header image down into the header area in my control panel, but that didn't work in various formats. I think because the style code should go between <head> tags? :dunno

Another approach.....show the header on all the pages...but the positioning shifts about from page to page. Do you know the syntax for maintaining the css in a constant position?

Here's an example of how things look with the header blocked from all but the home page:

http://9thtrydigital.smugmug.com/Two%20Wheeled%20Chariots

Crazy, eh?

Thanks to everyone and anyone who looks at this!!

:clap
Andy
Jan-08-2007, 07:09 PM
A favor please. Don't type in Green or Any color. It's VERY VERY hard to read your posts.

Thanks.

Add the red line:

.category #my_header,
.homepage #my_header {
display: block;
margin-top: 50px;
margin-left:auto;
margin-right:auto;
background: url(http://9thtrydigital.smugmug.com/photos/119522375-L.jpg);
width: 850px;
height: 400px;
}
Allen
Jan-08-2007, 07:15 PM
Hi to you Andy!

Thanks for your original encouragement on getting this CSS style up and running! Yes, those work to block the display of my header image on all except the gallery category page. But the css style that inserts the thumbnails and magnified images inside my homepage header...they appear throughout ALL my pages. I've been reading about internal style sheets on the W3Schools forum, but I can't get my code to interface correctly within Smug's format. I tried moving the css code for the header image down into the header area in my control panel, but that didn't work in various formats. I think because the style code should go between <head> tags? :dunno

Another approach.....show the header on all the pages...but the positioning shifts about from page to page. Do you know the syntax for maintaining the css in a constant position?

Here's an example of how things look with the header blocked from all but the home page:

http://9thtrydigital.smugmug.com/Two%20Wheeled%20Chariots

Crazy, eh?

Thanks to everyone and anyone who looks at this!!

:clap

Try this.

#Layer1,
#Layer2,
#Layer3,
#Layer4,
#Layer5,
#Layer6,
#Layer7,
#Layer8,
#Layer8,
#Layer9,
#Layer10,
#Layer11,
#Layer12,
#Layer13,
#Layer14,
#Layer15 {display:none;}

.homepage #Layer1,
.homepage #Layer2,
.homepage #Layer3,
.homepage #Layer4,
.homepage #Layer5,
.homepage #Layer6,
.homepage #Layer7,
.homepage #Layer8,
.homepage #Layer8,
.homepage #Layer9,
.homepage #Layer10,
.homepage #Layer11,
.homepage #Layer12,
.homepage #Layer13,
.homepage #Layer14,
.homepage #Layer15 {display:block;}

Al
gravelbrat
Jan-08-2007, 07:28 PM
Try this.

#Layer1,
#Layer2,
#Layer3,
#Layer4,

<snip>
.homepage #Layer13,
.homepage #Layer14,
.homepage #Layer15 {display:block;}

Al

ALLEN, yes, Yes, YES!!! It's beauty-umptious!! :barb

Now I must find more trouble to get into....finish my bio page? A more interesting nav bar design?

OH, will the fun never stop?!!!

:thumb