sorry, i forgot to add
div.box div.links:hover { display:inline !important; }
On Mar 10, 11:27 am, "ryan.j" <ryan.joyce...@googlemail.com> wrote:
> div.box div.links { display:none; }
> div.box:hover div.links { display:inline; }
>
> On Mar 10, 9:13 am, P <pst...@gmail.com> wrote:
>
> > I have multiple divs on my page in which contains another div with
> > links. These links should be hidden by default but then displayed when
> > the mouse is over the div.
>
> > HTML-code:
>
> > <div class="box">
> > Lorem ipsum
> > <div class="links"><a href="#">Foo</a> <a href="#">bar</a></div>
> > </div>
>
> > <div class="box">
> > Lorem ipsum 2
> > <div class="links"><a href="#">Foo</a> <a href="#">bar</a></div>
> > </div>
>
> > <div class="box">
> > Lorem ipsum 3
> > <div class="links"><a href="#">Foo</a> <a href="#">bar</a></div>
> > </div>
