Che.. ahora tengo otro problema... Bue.. en realidad dos.
El primero esta relacionado con el menu y submenu... edite uno de los menu de la dirección que me dejo, pero aún esta todo ahi... me muestra el menú y submenu. Ahi dejo el codigo
<div id="menu"><ul>
<li><a href="index.htm">Inicio</a></li>
<li><a href="#">La Institución</a>
<!--[if lte IE 6]><a href="#">La Institución</a><![endif]-->
<ul><li><a href="quienes.htm">Quiénes Somos?</a></li>
<li><a href="mision.htm">Misión</a></li>
<li><a href="vision.htm">Visión</a></li>
<li><a href="corto.htm">Planes Corto Plazo</a></li>
<li><a href="largo.htm">Planes Largo Plazo</a></li>
</ul>
<!--[if lte IE 6]><![endif]--></li>
<li><a href="#">Del Comarcado</a>
<!--[if lte IE 6]><a href="#">Del Comarcado</a><![endif]-->
<ul><li><a href="plataforma.htm">Plataforma Ideológica</a></li>
<li><a href="reglamento.htm">Reglamento Sethiense</a></li>
</ul>
<!--[if lte IE 6]><![endif]--></li>
<li><a href="gente.htm">Su Gente</a></li>
<li><a href="#">Servicios</a>
<!--[if lte IE 6]><a href="#">Servicios</a><![endif]-->
<ul><li><a href="portafolio.htm">Portafolio de Servicios</a></li>
<li><a href="biblioteca.htm">Biblioteca Sethiense</a></li>
</ul>
<!--[if lte IE 6]><![endif]--></li>
<li><a href="#">Contacto</a>
<!--[if lte IE 6]><a href="#">Contacto</a><![endif]-->
<ul><li><a href="libro.htm">Libro de Visitas</a></li>
</ul>
<!--[if lte IE 6]><![endif]--></li>
</ul></div>
El segundo problema esta relacionado con el css de la misma página, ya que necesito que el menú tenga un tamaño fijo, me explico el tamaño del todo el menú es de 570px, en el menú hay 5 links y quiero que cada uno tenga un tamaño de 95px...
Cuando agrego la etiqueta width: 95px; ya sea en ul y/ó en li (todo esto en en el archivo css), me cambia la forma del menu de horizontal a vertical... Acá dejo el código...
/*menu*/
#menu{
width: 570px;
height: 40px;
float: right;
}
#menu a{
text-align: center;
text-decoration: none;
display: block;
}
#menu a:hover{
background-color: #000000;
color: #FFFFFF;
}
#menu ul, li{
list-style-type: none;
}
#menu ul{
margin: 0;
padding: 0;
width: 95px; -> el tamaño deseado, pero el error
}
#menu li{
float: left;
width: 95px; -> el tamaño deseado, pero el error
}
Espero pronta respuesta ya que este ******* menú me esta sacando canas... jeje