Problema con lista en html y css
Publicado por Felix (2 intervenciones) el 14/05/2012 22:18:57
Buenas tardes, tengo un problema que espero y agradezco de antemano si me pueden ayudar a resolver.
me encuentro haciendo una web que tiene un header, seguido un slider en jquery y debajo del slider debe ir un menu con 4 links.
estos 4 links deben tener una imagen de fondo, la dimension de la imagen es de ancho:980px alto: 35px, y los links deben ir centrados y justificados a la izquierda de la imagen.
no consigo hacerlooo, ¡¡, me muestra la imagen pero no me pone los links delante de la imagen sino que los pone debajo de la imagen...., pongo el fragmento del codigo si me pueden ayudar, gracias.
Html:
<img src="imagenes/barramenuinferior.png" width="980" height="35" alt="" class="menuinferior" border="0"/>
<ul id="nav2">
<li class="nuestra_empresa"><a href="#">Nuestra Empresa</a></li>
<li class="clientes"><a href="#">Clientes</a></li>
<li class="plataforma"><a href="#">Plataforma</a></li>
<li class="terminos"><a href="#">Terminos y Condiciones</a></li>
</ul>
CSS:
.menuinferior {
margin:0;
padding:0;
list-style:none;
}
ul#nav2{
z-index:10;
clear:both;
margin:0;
padding:0;
list-style:none;
display:block;
overflow:hidden;
margin-left:20px;
margin-top:15px;
}
ul#nav2 li {
float: left;
height: 23px;
margin-top: 0;
}
ul#nav2 li a {
color: white;
display: block;
font-family: Arial,verdana,serif;
font-size: 15px;
height: 40px;
text-align: center;
text-decoration: none;
width: 125px;
}
me encuentro haciendo una web que tiene un header, seguido un slider en jquery y debajo del slider debe ir un menu con 4 links.
estos 4 links deben tener una imagen de fondo, la dimension de la imagen es de ancho:980px alto: 35px, y los links deben ir centrados y justificados a la izquierda de la imagen.
no consigo hacerlooo, ¡¡, me muestra la imagen pero no me pone los links delante de la imagen sino que los pone debajo de la imagen...., pongo el fragmento del codigo si me pueden ayudar, gracias.
Html:
<img src="imagenes/barramenuinferior.png" width="980" height="35" alt="" class="menuinferior" border="0"/>
<ul id="nav2">
<li class="nuestra_empresa"><a href="#">Nuestra Empresa</a></li>
<li class="clientes"><a href="#">Clientes</a></li>
<li class="plataforma"><a href="#">Plataforma</a></li>
<li class="terminos"><a href="#">Terminos y Condiciones</a></li>
</ul>
CSS:
.menuinferior {
margin:0;
padding:0;
list-style:none;
}
ul#nav2{
z-index:10;
clear:both;
margin:0;
padding:0;
list-style:none;
display:block;
overflow:hidden;
margin-left:20px;
margin-top:15px;
}
ul#nav2 li {
float: left;
height: 23px;
margin-top: 0;
}
ul#nav2 li a {
color: white;
display: block;
font-family: Arial,verdana,serif;
font-size: 15px;
height: 40px;
text-align: center;
text-decoration: none;
width: 125px;
}
Valora esta pregunta


0