DVDmike
01-12-2006, 06:13 AM
I'm trying to do the Part 2 CSS tutorial starting on page 68 of the January 2006 magazine. I am having some trouble with steps 4 & 5 on page 69.
Adding the new classes does not change my html page any except to add a new .a style in the CSS window. After adding either class in steps 4 or 5, but selecting the a property of this new class, the preview simply reverts back to the .a:link and hover main properties of the page when previewed. If I assign the definition to linked text the a property of the nav_class in the CSS window as instructed by the tutorial, the link properties do change, but not to the sub classes added in steps 4 and 5 of the tutorial. So these steps have absolutely no effect in what my links look like at all. What is missing in the tutorial? :confused:
Here is the css source created through step 5 of this tutorial.
'body { color: #4a6487; font-size: 12px; font-family: arial, helvetica, verdana; background-color: #fffedc;}
a:link { color: #b84c4c; text-decoration: underline }
a:hover { color: #57769f }
.nav_items { font-size: 15px; font-weight: bold; }
.a.nav_items { color: #0f0; text-decoration: none; }
.a:hover.nav_items { color: #dedede; background-color: #341369; }"
The last two lines above appear to have no effect on the look of my links. Why?
-----------------
Here are some other observations about this tutorial just so far!
The tutorial instructs you to go to the website to download the starting files but the main page does not have a direct link to the downloads (that I can find anyway). I had to go to the contact us page to find the download link. Why not include the full URL for the entire download area in the text of the tutorial so that I do not have to spend 15 minutes searching for the download?
The size of the GLCS2 screen-shots are too small to be of any use to my 50 year old eyes.
There is no mention of the fact that GLCS2 adds a leading "." (period) to the class name when we are instructed to create the name without the "."
We are instructed to make the text color of the hover class text the same color as the background page color without any explanation on how to do this. Please, at least give us the color numbers or tell us the short-cut to obtain this information with a color picker or something.
The instructions for the make class to target links and the make a class for the rollover behavior are not complete enough to work.
---------
I will also add that this is my first post to this forum and that I registered successfully and I received a welcome message before starting a new thread. But when I posted the message, the forum took me to the login page and after logging in did not post my original message. So I had to log in again and repost. Luckily, I saved a copy of my original text in my clipboard or I would have been really P.O.'d at this forum! Why let me start a thread if I only have to login again?
Adding the new classes does not change my html page any except to add a new .a style in the CSS window. After adding either class in steps 4 or 5, but selecting the a property of this new class, the preview simply reverts back to the .a:link and hover main properties of the page when previewed. If I assign the definition to linked text the a property of the nav_class in the CSS window as instructed by the tutorial, the link properties do change, but not to the sub classes added in steps 4 and 5 of the tutorial. So these steps have absolutely no effect in what my links look like at all. What is missing in the tutorial? :confused:
Here is the css source created through step 5 of this tutorial.
'body { color: #4a6487; font-size: 12px; font-family: arial, helvetica, verdana; background-color: #fffedc;}
a:link { color: #b84c4c; text-decoration: underline }
a:hover { color: #57769f }
.nav_items { font-size: 15px; font-weight: bold; }
.a.nav_items { color: #0f0; text-decoration: none; }
.a:hover.nav_items { color: #dedede; background-color: #341369; }"
The last two lines above appear to have no effect on the look of my links. Why?
-----------------
Here are some other observations about this tutorial just so far!
The tutorial instructs you to go to the website to download the starting files but the main page does not have a direct link to the downloads (that I can find anyway). I had to go to the contact us page to find the download link. Why not include the full URL for the entire download area in the text of the tutorial so that I do not have to spend 15 minutes searching for the download?
The size of the GLCS2 screen-shots are too small to be of any use to my 50 year old eyes.
There is no mention of the fact that GLCS2 adds a leading "." (period) to the class name when we are instructed to create the name without the "."
We are instructed to make the text color of the hover class text the same color as the background page color without any explanation on how to do this. Please, at least give us the color numbers or tell us the short-cut to obtain this information with a color picker or something.
The instructions for the make class to target links and the make a class for the rollover behavior are not complete enough to work.
---------
I will also add that this is my first post to this forum and that I registered successfully and I received a welcome message before starting a new thread. But when I posted the message, the forum took me to the login page and after logging in did not post my original message. So I had to log in again and repost. Luckily, I saved a copy of my original text in my clipboard or I would have been really P.O.'d at this forum! Why let me start a thread if I only have to login again?