[support] How to have current menu item highlighted when it'san image?

Jody Cleveland Cleveland at winnefox.org
Mon Dec 18 23:26:38 UTC 2006


Hello again, 

> Well, I've mostly gotten it now. There's one issue though. It 
> has to do
> with this part here:
> #item1:hover .info {
>     display: block;
>     /* here is the ugly trick: */
>     position: absolute;
>     top: 0px; /* adjust as needed */
>     left: 0px; /* adjust as needed */
> }
> 
> The content for the page is contained in a div, <div
> class="page-container-2">. What I'd like is for #item1:hover 
> .info to be
> so many pixels from the left hand side of page-container-2. 
> Not from the
> left hand side of the page.

Ok, I figured it out. I had to set position: relative; to
page-container-2. Then, having a position of absolute on #item1:hover
.info positions it inside of the container.

- jody


More information about the support mailing list