Foros del Web - Ver Mensaje Individual

kseso? · #4 (**permalink**) 30/07/2009, 12:47

Bien, pues yo tengo la segunda opción frente a su li contenedor:

Código html:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es-es">/alto_100x100.html
<head>
<title>Kseso?: jugando con CSS</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
* {margin:0; padding: 0; border:0; outline:0; position:relative;}
#mene {margin: 0;    padding: 0;    list-style: none;    width: 211px;}
#nov ul li {    position: relative;    }
#nov li ul {    position: absolute;    left: 211px; display: none; top: 0;    }
#nov li a {    display: block;    text-decoration:none;    color: #777;    background: transparent;    padding: 5px;}
#nov ul {    margin: 0;    padding: 0;    list-style: none;    width: 211px;    }
#nov ul li {position: relative;}
#nov li:hover ul { display: block; }
 
.style2 {
    font-family: Tahoma;
    font-size: small;
}
</style>
</head>
<body>
<div id="mene" style="height: 169px">
<ul id="nov"> 
    <li class="style2">Principal</li> 
    <li class="style2"><a href="#">Artículos y entrevistas</a></li> 
    <li><span class="style2"><a href="#">Conoce al instructor</a></span> 
      <ul> 
        <li><a href="#">Imagenes</a></li> 
      </ul> 
    </li>
    <li><span class="style2"><a href="#">Jeet Kune Do</a></span> 
      <ul> 
        <li><a href="#">Imagenes</a></li> 
      </ul> 
    </li><li><span class="style2"><a href="#">Filipino Martial Arts (KALI-ESKRIMA-ARNIS)</a></span> 
      <ul> 
        <li><a href="#">Imagenes</a></li> 
      </ul> 
    </li><li><span class="style2"><a href="#">Maphilindo Silat & Majapahit Martial Arts</a></span> 
      <ul> 
        <li><a href="#">Imagenes</a></li> 
      </ul> 
    </li>
    </ul>
</div>
</body>
</html>