Style Sheet misery (Full Version)

All Forums >> [Web Development] >> Cascading Style Sheets



Message

DaveX -> Style Sheet misery (6/21/2004 22:39:56)

I'm new to style sheets. I'm using a template that uses style sheets. My problem is that I'm trying to change the properties of a menu as far as link colors go. I choose four different colors for different links (Link, Active, Visited, Hover). The colors I choose are correct but they don't correspond with the correct instances. Also, when a link is visited it changes to the (wrong) color but changes back to the unvisited color as soon as I go to a different link. By the way, what is an 'Active" link anyway? Any ideas?

Thanks,

Dave



jaybee -> RE: Style Sheet misery (6/22/2004 4:37:08)

Dave, post this in the CSS forum along with the style sheet code.

The active link is the one you're currently in, ie you've clicked on it.



bobby -> RE: Style Sheet misery (6/22/2004 9:59:10)

and with a magic *poof* the thread is now in the CSS forum...

[;)]



c1sissy -> RE: Style Sheet misery (6/22/2004 10:37:58)

quote:

ORIGINAL: DaveX

I'm new to style sheets. I'm using a template that uses style sheets. My problem is that I'm trying to change the properties of a menu as far as link colors go. I choose four different colors for different links (Link, Active, Visited, Hover). The colors I choose are correct but they don't correspond with the correct instances. Also, when a link is visited it changes to the (wrong) color but changes back to the unvisited color as soon as I go to a different link. By the way, what is an 'Active" link anyway? Any ideas?

Thanks,

Dave


Hi Dave, welcome to outfront.

One thing I'm going to suggest to you right now is to check the order of your links.

Just remember lvha for your order. (link, visited, hover, active) If they aren't in the correct order, the cascading of styles can interfere with how they work

Here is a link for you to check out. It has a brief description on it for you to read. I also suggest that you check out the links section at the top of the css section. I'm sure that you will find a good bit of information to get you started with css. And of course, come here and make sure you post your questions!



jaybee -> RE: Style Sheet misery (6/22/2004 13:42:08)

quote:

and with a magic *poof* the thread is now in the CSS forum...


Who's a magic poof? Do I know him? [;)]

Dave

If Deb's suggestion doesn't work then post the code for us and we'll take a look.



DaveX -> RE: Style Sheet misery (6/22/2004 15:09:09)

Well, the order was wrong so I changed that. It still acts funny though. For instance, I'll click link A and when I come back to it, it will still be the same color but when I click link B or C, then link A will change... It's very weird.
Also, what exactly is an Active link?

Thanks for the help, people!

Dave



DaveX -> RE: Style Sheet misery (6/22/2004 15:09:38)

Oh yeah, here's the code!

A:link {
color: #FF0000;
text-decoration: none
}

A:visited {
color: #000080;
text-decoration: none
}

A:hover {
color: #FF0000;
text-decoration: none
}

A:active {
color: #FF0000;
text-decoration: none

}

TD {
font-size: 12px;
font-family : Verdana;
}

P {
font-size: 12px;
font-family : Verdana;
}

TD.smaller {
font-size: 11px;
font-family : Verdana;
color : #000000;
}

P.smaller {
font-size: 11px;
font-family : Verdana;
color : #000000;
}

HR {
color : #3399CC;
}



c1sissy -> RE: Style Sheet misery (6/22/2004 15:50:46)

Just took a quick look, make sure all your values have semi colons after them, If you don't it sometimes will interfere with your other styles.

at this point, I dont see anything else. Do you have a link to post with the site? It could be something in you xhtml/html code.



DaveX -> RE: Style Sheet misery (6/22/2004 17:02:28)

Here's a link:
http://www.sonofnostalgiazone.com/index2.htm
Could it be as a result of messing with page properties or table or cell properties? I did a little of that before I figured out the CSS stuff but I went back and made sure all pages were set to CSS...

Dave



c1sissy -> RE: Style Sheet misery (6/22/2004 17:16:08)

Ok I have another suggestion for you,
You need to put in a dtd. I think if you do this it might help you out a bit.



d a v e -> RE: Style Sheet misery (6/22/2004 17:25:38)

take out the link info from here 
<body bgcolor="#C0C0C0" text="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" style="font-size: 14pt; font-family: Trebuchet MS" link="#FF0000" vlink="#0000FF" alink="#FFFF00">



c1sissy -> RE: Style Sheet misery (6/22/2004 18:07:54)

Good Job Dave, I didn't have time to really look over it, cookin' chops on the grill for dinner. (not lamb chops though [;)])



DaveX -> RE: Style Sheet misery (6/22/2004 18:27:49)

What's a dtd?



DaveX -> RE: Style Sheet misery (6/22/2004 19:14:08)

d a v e,

I'm not sure what you're asking me to do with the code you posted...

Dave



c1sissy -> RE: Style Sheet misery (6/22/2004 22:35:44)

quote:

ORIGINAL: DaveX

d a v e,

I'm not sure what you're asking me to do with the code you posted...

Dave


Hi dave, what he is telling you to do is to go into your html code look for the part that he is showing you and remove the links code that is in there. This could be what is causing your problem.

HERE is a link for you explaining what a dtd is. If you have any questions aftewards just come here or to one of the begining web areas and someone will help you out with it.



Page: [1]

Valid CSS!




Forum Software © ASPPlayground.NET Advanced Edition 2.4.5 ANSI
0.09375