Lively discussions on the graphic arts and publishing — in print or on the web

Go Back   Desktop Publishing Forum > General Discussions > Web Design

Thread Tools Display Modes
Prev Previous Post   Next Post Next
Old 11-30-2009, 10:25 AM   #1
Join Date: Oct 2005
Location: Manchester, NH
Posts: 65
Default CSS 'a' style rules not recognized

I'm going through an HTML textbook from a couple of years ago, redoing some of the exercises to refresh my knowledge of CSS. I ran across something odd. Consider the following:

HTML text:

<div id="point0" class="notes">
<a href="#"><img src="image0.jpg" alt="" /><br />
<span>3:30 a.m.</span> Start from the Longs Peak Ranger Station,
nine miles south of Estes Park. Be sure to pack food, extra water, sunblock,
and warm clothes, gloves, and caps.

The exercise involves placing this block of text at a hardcoded position and making it invisible except when the mouse rolls over it. To do this, I'm supposed to use class-based 'a' and 'a:hover' style rules, where the name of the class is "notes". Can anyone explain to me why this style rule works:

.notes {display:block;

but this one is completely ignored by Firefox:

.notes a {display:block;


-- JSW
jwoolf09 is offline   Reply With Quote

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
New Hart's Rules Michael Rowley Business Matters 1 11-30-2007 07:24 AM
Strizver: Type Rules! Howard White Fonts & Typography 7 02-17-2006 06:02 PM
New Hart's Rules Mike On Language & Literature 7 11-15-2005 11:45 PM

All times are GMT -8. The time now is 12:28 AM.

Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2019, vBulletin Solutions, Inc.
Contents copyright 2004–2018 Desktop Publishing Forum and its members.