Why does one work but not the other??

[Adam P.]

I have a site, www.geocities.com/help4newbies

All I added was a light blue box under the banner,
www.geocities.com/help4newbies/index2.html
,and all of a sudden the CSS text is all whacked out. I don't get it!

Why is it doing this?

[Mark T.]

Just compare these two links to the stylesheet.

This one belongs to the "normal" page:

<link rel="stylesheet" href="text.css" type="text/css">

And this one belongs to the "wacked" page:

<link rel="stylesheet" href="text2.css" type="text/css">

See the difference. The bad one is pointing to text2.css. Maybe you forgot to include the link-statement in that one...

[Adam P.]

text2.css is exactly the same as text.css, except for another class that is on it's own, ".header".

So it shouldn't matter.

BTW, .header is going to be for the top navigation in the light blue bar.

Anyone else? Please help.

[htmlite]

You have specified the link properties 3 times in your new style sheet. The page is thus rendering the most recent (the last one after the header spec.).

You should change your text2 sheet to this to have the same effect as your current one...

p, li { font-size : 11px ; font-weight : normal ; color : #006699 ; text-align : left ; font-family : verdana, geneva, arial, helvectica, sans-serif ; }

a:link { text-decoration : underline ; }
a:visited { text-decoration : underline ; }
a:hover { color : #FF6600 ; text-decoration : none ; }
a:active { text-decoration : underline ; }

.sidebar { margin-left : 5px ; }

.code { font-family : courier new, courier, monospace ; margin-left : 10px ; }

.header { color: #FFFFFF ; font-weight: bold ; }

Now... if you want to have a different link style for the header part... try adding something like this...

a.header:link { color : #FFFFFF ; text-decoration : underline ; }
a.header:visited { color : #FFFFFF ; text-decoration : underline ; }
a.header:hover { color : #006699 ; text-decoration : none ; }
a.header:active { color : #FFFFFF ; text-decoration : underline ; }

Now that will affect the links within an area that has the "header" class assigned to it.

Cheers!
htmlite.com

[Adam P.]

Great, thanks htmlite! It worked like a charm.

[htmlite]

n/p
cheers!

[creole]

Unless you have conflicting styles in the two different stylesheets, I would recommend just using one stylesheet. It makes no sense to have 2 versions with only one difference between the two. Combine them and don't worry about it from then on.