another subcategory appeared once a href hover

[robert_gsfame]

let say i have <a href="#">Forum</a>

and i wish to have it like

 

Forum ---> php

                mysql

                css

                html

 

it's like another box appeared once text "forum" hover, how do i create this in CSS?? thx

 

 

[robert_gsfame]

if i use this code, this won't work in IE 6.0

 

a span {display: none;}

a:hover span {

  position: absolute;

  display: block;

  background: #fdd;

  border: 1px solid red;

  }

 

<a href="#">Link<span>SUBTEXT!</span></a>

[haku]

That will work in IE6. I just did something similar this morning.

[vinpkl]

i think you are talking about a drop down menu on hover.

 

that will require some javascript.

 

vineet

[robert_gsfame]

okay i have this and works for both IE and FF

 

but can i have some little pause so that when a cursor is not pointed on a text, the sub menu still appeared at least 2 seconds before disappear...is it possible

 

Below is my CSS code

 

a.tip span{

position : absolute;

display:none;

left : 49px;

top:0px;

padding : 2px 3px;

background : #dae9ed;

border : 2px solid red;

color : #086989;

font : 12px Verdana, Arial, Helvetica, sans-serif;

z-index:25;

}

a.tip:hover {

direction:ltr;

position : relative;

}

a.ltip:hover span{display:block;

}

 

HTML CODE

<a id="a" class="tip" href="#">test<span><ul><li>test A</li><li>test B</li></ul></span></a>

 

 

[haku]

You'll have to use javascript to achieve that effect. Probably best to start a thread on that in the javascript forum, as it's a new topic.