16/02/2007, 15:45
|
| | Fecha de Ingreso: octubre-2005
Mensajes: 85
Antigüedad: 19 años, 1 mes Puntos: 0 | |
menu escurridizo hola foreros,
hice un sub menú desplegable pero cuando trato de navegar por este se desaparece muy facilmente y es imposible acceder a los links del mismo, porque sucede esto?., les envío el código
Muchas gracias de antemano por toda la ayuda que puedan prestarme
Pilly
Código:
/*Submenú */
#nav2 a{
display: block;
margin-bottom: 1px;
}
#nav2 li.active a.topdaddy {
background: none;
padding-right: 25px;
}
#nav2 ul ul a.daddy {
background: none;
}
#nav2 li a {
background: silver;
}
#nav2 li li a{
background: Silver;
font-weight: bold;
padding: 0;
text-indent: 0px;
font-size: 12px;
width: 185px;
height: 16px;
}
#nav2 ul li a:hover,
#nav2 ul li ul li a:hover,
#nav2 ul li ul li ul li a:hover {
color: gray;
}
#nav2, #nav2 ul {
float: left;
list-style: none;
margin: 0;
padding: 0;
width: 250px;
}
#nav2 li li {
padding: 0;
background: none;
border-bottom: 1px solid black;
}
/* top level links */
#nav2 a.topdaddy,
/* sub level links */
#nav2 ul ul a {
display: block;
color: #ffffff;
text-decoration: none;
width: 250px;
text-transform: none;
}
/* top level buttons */
#nav2 li {
float: left;
padding: 0;
background: none;
height: 43px;
}
#nav2 ul li {
position: relative;
}
#nav2 li ul {
top: 3px;
position: absolute;
left: -666em;
height: auto;
width: 150px;
font-weight: normal;
border-width: 0;
margin: 0;
padding: 0px;
border-right: 1px solid Black;
border-left: 1px solid Black;
border-bottom: 1px solid Black;
border-top: 1px solid Black;
}
#nav2 ul {
padding: 0;
margin: 0;
margin-left: 1px;
}
#nav2 li li {
float: left;
padding: 0;
width: 150px;
height: 16px;
font-size: 22px;
border-right: 1px solid Black;
border-left: 1px solid Black;
border-bottom: 1px solid Black;
border-top: 1px solid Black;
}
/* margin for pullouts */
#nav2 li ul ul {
margin: -31px 0 0 170px;
}
#nav2 li:hover ul ul,
#nav2 li:hover ul ul ul,
#nav2 li:hover ul ul ul ul,
#nav2 li.sfhover ul ul,
#nav2 li.sfhover ul ul ul,
#nav2 li.sfhover ul ul ul ul {
left: -666em;
}
#nav2 li:hover ul,
#nav2 li li:hover ul,
#nav2 li li li:hover ul,
#nav2 li li li li:hover ul,
#nav2 li.sfhover ul,
#nav2 li li.sfhover ul,
#nav2 li li li.sfhover ul,
#nav2 li li li li.sfhover ul{
z-index: 100;
left: 175px;
}
#nav2 li:hover, #nav2 li.sfhover {
left: 0;
}
#nav2 li:hover a, #nav2 li.sfhover a {
color: black;
}
#nav2 li li:hover a, #nav2 li li.sfhover a {
color: #ffffff;
}
/* suckerfish */
#nav2 a {
background: none;
}
#nav2 ul ul a {
background: none;
color: #ffffff;
}
#nav2 li.active {
background: none;
}
#nav2 li li.active {
background: none;
}
#nav2 li:hover ul,
#nav2 li li:hover ul,
#nav2 li li li:hover ul,
#nav2 li li li li:hover ul,
#nav2 li.sfhover ul,
#nav2 li li.sfhover ul,
#nav2 li li li.sfhover ul,
#nav2 li li li li.sfhover ul{
background: #C7C7C7;
}
/*Submenú 3*/
#nav3 a{
display: block;
margin-bottom: 1px;
}
#nav3 li.active a.topdaddy {
background: none;
padding-right: 25px;
}
#nav3 ul ul a.daddy {
background: none;
}
#nav3 li a {
background: none;
}
#nav3 li li a{
background: Silver;
font-weight: bold;
padding: 0;
text-indent: 0px;
font-size: 12px;
}
#nav3 ul li a:hover,
#nav3 ul li ul li a:hover,
#nav3 ul li ul li ul li a:hover {
color: Gray;
}
#nav3, #nav3 ul {
float: left;
list-style: none;
margin: 0;
padding: 0;
width: 250px;
}
#nav3 li li {
padding: 0;
background: none;
border-bottom: 1px solid black;
}
/* top level links */
#nav3 a.topdaddy,
/* sub level links */
#nav3 ul ul a {
display: block;
color: #ffffff;
text-decoration: none;
width: 250px;
text-transform: none;
}
/* top level buttons */
#nav3 li {
float: left;
padding: 0;
background: none;
height: 40px;
}
#nav3 ul li {
position: relative;
}
#nav3 li ul {
top: 45px;
position: absolute;
left: -666em;
height: auto;
width: 250px;
font-weight: normal;
border-width: 0;
margin: 0;
padding: 0px;
border-right: 1px solid Black;
border-left: 1px solid Black;
border-bottom: 1px solid Black;
border-top: 1px solid Black;
}
#nav3 ul {
padding: 0;
margin: 0;
margin-left: 1px;
}
#nav3 li li {
float: left;
padding: 0;
width: 250px;
height: 16px;
font-size: 22px;
border-right: 1px solid Black;
border-left: 1px solid Black;
border-bottom: 1px solid Black;
border-top: 1px solid Black;
}
/* margin for pullouts */
#nav3 li ul ul {
margin: -31px 0 0 170px;
}
#nav3 li:hover ul ul,
#nav3 li:hover ul ul ul,
#nav3 li:hover ul ul ul ul,
#nav3 li.sfhover ul ul,
#nav3 li.sfhover ul ul ul,
#nav3 li.sfhover ul ul ul ul {
left: -666em;
}
#nav3 li:hover ul,
#nav3 li li:hover ul,
#nav3 li li li:hover ul,
#nav3 li li li li:hover ul,
#nav3 li.sfhover ul,
#nav3 li li.sfhover ul,
#nav3 li li li.sfhover ul,
#nav3 li li li li.sfhover ul{
z-index: 100;
left: 180px;
}
#nav3 li:hover, #nav3 li.sfhover {
left: 0;
}
#nav3 li:hover a, #nav3 li.sfhover a {
color: black;
}
#nav3 li li:hover a, #nav3 li li.sfhover a {
color: #ffffff;
}
/* suckerfish */
#nav3 a {
background: none;
}
#nav3 ul ul a {
background: none;
color: #ffffff;
}
#nav3 li.active {
background: none;
}
#nav3 li li.active {
background: none;
}
#nav3 li:hover ul,
#nav3 li li:hover ul,
#nav3 li li li:hover ul,
#nav3 li li li li:hover ul,
#nav3 li.sfhover ul,
#nav3 li li.sfhover ul,
#nav3 li li li.sfhover ul,
#nav3 li li li li.sfhover ul{
background: #C7C7C7;
}
|