|
11-30-2009, 11:25 AM | #1 |
Member
Join Date: Oct 2005
Location: Manchester, NH
Posts: 65
|
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 /> <p> <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. </p> </a> </div> -------------------------- 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; background-color:blue; color:white; width:20px; height:20px; overflow:hidden; z-index:2; } but this one is completely ignored by Firefox: .notes a {display:block; background-color:blue; color:white; width:20px; height:20px; overflow:hidden; z-index:2; } ?? -- JSW |
Thread Tools | |
Display Modes | |
|
|
Similar Threads | ||||
Thread | Thread Starter | Forum | Replies | Last Post |
New Hart's Rules | Michael Rowley | Business Matters | 1 | 11-30-2007 08:24 AM |
Strizver: Type Rules! | Howard White | Fonts & Typography | 7 | 02-17-2006 07:02 PM |
New Hart's Rules | Mike | On Language & Literature | 7 | 11-16-2005 12:45 AM |