|
|
Posted by Jonathan N. Little on 06/27/05 20:40
Greg N. wrote:
> Hi folks,
>
> I can't get css hover to work for me. have a look at the tiny test case
> at http://coolhaus.de/misc/test2.htm
>
> questions:
>
> 1. why does the hover border work on the second link, but not on the
> first? The only difference is, that the first img has a class (for
> image positioning), while the second has no class assigned.
>
> 2. in the second case, where the hover does (sortof) work, why is the
> top hover border missing?
>
> 3. why does the green border as defined in my css, not show?
#3
a.imga: {border:2px solid green; }
^
remove colon, syntax error
#2
border applied to link not image, floating image 'pulls' image out of
link's span. try:
.left { float:left; }
a.imga IMG {border:2px solid green; }
a.imga:hover IMG {border:2px solid red; }
#1 related to #2, 'float' and which element your applied the border, I
this the above CSS is what you where looking for
--
Take care,
Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com
Navigation:
[Reply to this message]
|