DTP


 
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, 11:25 AM   #1
jwoolf09
Member
 
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 />
<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
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 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


All times are GMT -8. The time now is 11:36 PM.


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