PDA

View Full Version : Help with Layers CSS part 2 tutorial


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?

Frode
01-13-2006, 12:10 PM
Thanks for leading me to the download.
Some of your complaints are answered in the first part of the tutorial at the first page of www.layersmagazine.com

Frode
01-14-2006, 05:20 AM
I have the same problem as Mike, so if anyone know the answer, please help!
I have downoaded the templates from GoLive essential, could not find them here at Layers, and everything work just fine in the template. And it looks like the the codes are identical, but they don't work.
When I make a new document and uses the same effect, the codes work in IE, but not in the preview window.

Frode

DVDmike
01-14-2006, 07:02 AM
Some things to check. Before you preview your HTML page, make sure that you save your changes to your css document.

My problems with steps 4 and 5 have been fixed now. Previously, GLCS2 would not let me enter the name "a.nav_items". Every time I typed it in this way, GL would change the name to ".a.nav_items", notice the extra . at the start.

But the next day after a reboot of my PC, GL let me change the name without the leading ".". So steps 4 and 5 now work for me. :) But I have not had time to go any further yet.

No one on the Adobe forums has weighed in on why GL would not let me name the file the way it needed to. And I think they think I'm crazy or something. So if you are having the same issue, let me know so I can report back over there that I am not totally insane. ;)

Frode
01-14-2006, 07:45 AM
I don't think you are crazy. I can't rename my files either. Can't avoid the period.
a.nav_items turn to .a.nav_items

JoeJoomla
11-09-2006, 09:16 PM
I'm trying to do the Part 2 CSS tutorial starting on page 68 of the January 2006 magazine.

Hi there,

this is my first post in these forums. I saw the first tutorial online and went through it. I thought it was very well done. Where would I find, if possible, the Part 2 CSS tutorial as mentioned here in this thread?

I'll admit that I am not that familiar with layers magazine yet since this is the fist exposure I have had to it from the first online tutorial.

elasater
11-29-2006, 11:05 AM
A little late to this thread... If you haven't already figured it out, you can go into the CSS source and change the name of a class and remove the unwanted "."