Proper CSS syntax for...

Question

Awhile back, Murray gave me this simple thumbnail border
hover code :
img.tn {
border:1px solid #72472B;
a:hover img.tn {
border:1px solid #FFF;
Trying to extend the lesson learned to other parts of the
site, I created
this :
img#modal {
border:1px solid #FFF;
a:hover img#modal {
border:1px solid #993300;
Which, I thought, would created a white border on all images
within
overlaying div id="modal" (with a #993300 border hover
color). But neither
of the 2 borders is showing around images in that div.
What am I doing wrong? Besides listening to Linkin Park, I
mean.

Answer 1

You still have not gotten it.
img#modal selects the image tag with ID="modal", not the
image tag's
container. Kim has the answer.
This is not a syntax problem - it's an understanding
problem....
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"Jay" <[email protected]> wrote in message
news:f0iehg$13j$[email protected]..
> Awhile back, Murray gave me this simple thumbnail border
hover code :
>
> img.tn {
> border:1px solid #72472B;
> }
> a:hover img.tn {
> border:1px solid #FFF;
> }
>
> --
>
> Trying to extend the lesson learned to other parts of
the site, I created
> this :
>
> img#modal {
> border:1px solid #FFF;
> }
> a:hover img#modal {
> border:1px solid #993300;
> }
>
> Which, I thought, would created a white border on all
images within
> overlaying div id="modal" (with a #993300 border hover
color). But neither
> of the 2 borders is showing around images in that div.
>
> What am I doing wrong? Besides listening to Linkin Park,
I mean.
>