What happened to my links?

[Dramatapix®]

The links at the top of my page have changed the backgrounds... it used to match the brown color scheme of the page, but now the color behind the link is grey... see:

http://www.dramatapix.com/

Can anyone help with the code that will change this back?

Thanks
Brett

[jfriend]

Remove the line in red from all the places you have it in your navcontainer CSS (at least three places I saw):

#navcontainer ul li a
{
font-family: Comic Sans MS, verdana, tahoma, helvetica, arial, sans-serif;
text-decoration: none;
padding: .2em 1em;
color: #fff;
background-color: #373131;
}

[Andy]

Matches here fine

http://www.dramatapix.com/Portraits/Jacqueline-Chambers/5281562_C3kzd#321753261_iXpiy

[Dramatapix®]

Thanks... I did what you suggested and it seemed to clear up the issue, but now if you go to a specific gallery page like:

http://www.dramatapix.com/Portraits/Jacqueline-Chambers/5281562_C3kzd#321753261_iXpiy

The formatting seems to have really screwed up. Not sure what I did.

Brett

[Dramatapix®]

Thanks... I did what you suggested and it seemed to clear up the issue, but now if you go to a specific gallery page like:

http://www.dramatapix.com/Portraits/Jacqueline-Chambers/5281562_C3kzd#321753261_iXpiy

The formatting seems to have really screwed up. Not sure what I did.

Brett


Help?

[photokandy]

I assume you're referring to the text that is pretty much invisible unless you hover over it? What was it before you made the change?

I'm thinking you'll need to get specific as to when the text should be white vs. some other color. Something like this should work:


// the fix from jfriend
#navcontainer ul li a
{
font-family: Comic Sans MS, verdana, tahoma, helvetica, arial, sans-serif;
text-decoration: none;
padding: .2em 1em;
color: #fff;
// and now some extras
BODY.galleryPage #navcontainer ul li a
{
text-decoration:#000;
}


It's late, so I may not be thinking it through quite right, but I think that should get you closer to what you're looking for. (Off topic -- any particular reason your gallery pages are white, when the rest of the site isn't? Just making sure that's intentional, and not part of the problems you are seeing.)

[Dramatapix®]

I assume you're referring to the text that is pretty much invisible unless you hover over it? What was it before you made the change?

I'm thinking you'll need to get specific as to when the text should be white vs. some other color. Something like this should work:


// the fix from jfriend
#navcontainer ul li a
{
font-family: Comic Sans MS, verdana, tahoma, helvetica, arial, sans-serif;
text-decoration: none;
padding: .2em 1em;
color: #fff;
// and now some extras
BODY.galleryPage #navcontainer ul li a
{
text-decoration:#000;
}


It's late, so I may not be thinking it through quite right, but I think that should get you closer to what you're looking for. (Off topic -- any particular reason your gallery pages are white, when the rest of the site isn't? Just making sure that's intentional, and not part of the problems you are seeing.)


They are not supposed to be white, and were not white prior to making the changes suggested early in the thread.

The background should be the same as it is on all the other pages.

Brett

[Dramatapix®]

bump

[jfriend]

I assume you're referring to the text that is pretty much invisible unless you hover over it? What was it before you made the change?

I'm thinking you'll need to get specific as to when the text should be white vs. some other color. Something like this should work:


// the fix from jfriend
#navcontainer ul li a
{
font-family: Comic Sans MS, verdana, tahoma, helvetica, arial, sans-serif;
text-decoration: none;
padding: .2em 1em;
color: #fff;
// and now some extras
BODY.galleryPage #navcontainer ul li a
{
text-decoration:#000;
}

It's late, so I may not be thinking it through quite right, but I think that should get you closer to what you're looking for. (Off topic -- any particular reason your gallery pages are white, when the rest of the site isn't? Just making sure that's intentional, and not part of the problems you are seeing.) FYI, the // indicators are NOT legal comments characters in CSS and are causing errors. One must use this form:

/* comment goes here */

[photokandy]

Yes, I should've used /*...*/ as the comments in the snippet; I work far too long in other languages that use // and are happy with it ;-)

That said, // has its uses in CSS, even though it isn't technically correct. Say, for example, that Firefox renders an item correctly, but that Internet Explorer insists on placing it 50 pixels to the right. There's no obvious cause as to why. // to the rescue:


.the_offending_div
{
background-color: #CDE;
...
//margin-left:-50px;
}


All the rules without the // are processed normally by every browser, and the // is ignored. IE goes ahead and processes the //, and moves the item 50px left. :-)

Yes, it's a nasty, ugly hack, but sometimes a hack is better than spending days upon days upon days trying to figure out where IE has gone wrong. One day, maybe, hopefully, there'll be an IE where it renders like every other standards-compliant browser... (I know, I'm dreaming...)

[Dramatapix®]

Hey guys, thanks for the replies, but I'm a bit confused and the gallery page backgrounds that I am referring to are still all white instead of the rust/brown that they are on the rest of the site.

I am still not sure what I did to change just the gallery pages.

The color scheme is the way I want it through this level of the site:

http://www.dramatapix.com/Theater

but when I jump into the individual galleries one level down the formatting changes to the white background like this:

http://www.dramatapix.com/Theater/Gay-Bride-of-Frankenstein/9794793_QeWSr#664682437_nwhpF

What do I need to do now to get this level of my galleries to match the theme on the rest of the site?

Thanks so much.
Brett

[Dramatapix®]

bump

[Dramatapix®]

Last attempt... anyone?

[denisegoldberg]

...I am still not sure what I did to change just the gallery pages.
This is the code that is changing the background of those pages:

#extraDiv1 {
left: 0px;
top: 0px;
width: 23px;
position: fixed;
height: 100%;
_position: absolute;
_height: expression(0+(ignoreMe = this.parentElement.offsetHeight+20)+'px');
background: #391e1a url(http://www.smugmug.com/photos/243524359-O.jpg) repeat-y top left;
z-index: 1;
display: none;
}
#extraDiv2 {
right: 0px;
top: 0px;
width: 21px;
position: fixed;
height: 100%;
_position: absolute;
_height: expression(0+(ignoreMe = this.parentElement.offsetHeight+20)+'px');
background: #391e1a url(http://www.smugmug.com/photos/243524371-O.jpg) repeat-y top right;
z-index: 1;
display: none;
}
body.smugmug #extraDiv1,
body.smugmug #extraDiv2 {
display: block;
}
body.smugmug {
background: none;
font-size: 15px;
}
I assume that it's code that you added for some reason.

--- Denise

[Dramatapix®]

Denise

Thank you. I deleted that code, and it did change the background colors, but the formatting is a bit wanky.

Any suggestions?

http://www.dramatapix.com/Portraits/Jacqueline-Chambers/5281562_C3kzd#321753261_iXpiy

[Allen]

Denise

Thank you. I deleted that code, and it did change the background colors, but the formatting is a bit wanky.

Any suggestions?

http://www.dramatapix.com/Portraits/Jacqueline-Chambers/5281562_C3kzd#321753261_iXpiy
The backgrounds you added are not stretchy, they are images and they do not stretch.