Foros del Web - Ver Mensaje Individual

emprear · #2 (**permalink**) 05/12/2011, 11:27

Ese código que presentas es completamente inconsistente.

debería ser algo asi

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
 
<style type="text/css">
/*<![CDATA[*/
 
.back{
background-image:url('');
background-repeat:no-repeat;
background-color:#99cccc;} 
 
*{ margin:0; padding:0}
 #menu > li{ position:relative;}
 #menu > li > ul{ left:0;}
 
#menu{padding-left:0px; margin-top:120px; }
#menu li{list-style:none; float:left;}
#menu li a{display:block; width:100px;height:20px; background-color:#FF0000;border:1px solid; padding:2px;text-decoration:none;
text-align:center; color:#000;font-family:arial; font-size:15px;font-weight:bold;}
#menu li a:hover{background:navy;border-color:transparent;color:#FF1493;}
#menu li ul{display:none; position:absolute;}
#menu li ul li {display:block;float:none; position:relative; padding:0px}
#menu li:hover ul{display:block; padding-left:0px;}
 
/*]]>*/
</style>
<title></title>
</head>
<body>
<ul id="menu">
<li>
<a class="back" href="menus.php">Inicio</a>
</li>
<li>
<a class="back" href="mensajes.html">Mensajes</a>
 
</li>
<li>
<a class="back" href="enlinea.html">En Linea</a>
</li>
<li>
<a class="back" href="busqueda.html">Busqueda</a>
</li>
<li>
<a class="back" href="coincidencias.html">Coincidencias</a>
</li>
<li>
<a class="back" href="visitantes.html">Visitantes</a>
</li>
 
<li>
<a class="back" href="menus.php">Mi Perfil</a>
<ul>
<li>
<a href="editarperfil.php">Editar Perfil</a>
</li>
<li>
<a href="fotos.php">Subir Fotos</a>
</li>
</ul>
</li>
<li>
<a class="back" href="chat.html">CHAT</a>
 
</li>
<li>
<a class="back" href="cuenta_gold.php">Cuenta Gold</a>
</li>
</ul>
</body>
</html>

mejor empieces por algun buen manual xhtml/css

http://librosweb.es

Saludos