Foros del Web » Creando para Internet » CSS »

Menu Horizontal con Background

Estas en el tema de Menu Horizontal con Background en el foro de CSS en Foros del Web. Hola Gente... Me esta dando por.....(ahí)....como no el IE. Tengo un menu con menu: <ul> <a href="inicio.html" <li class="Inicio"></li></a> <a href="laborandi.html"<li class="Laborandi"></li></a> <a href="masofertas.html" <li ...
  #1 (permalink)  
Antiguo 28/11/2009, 03:45
 
Fecha de Ingreso: abril-2006
Mensajes: 73
Antigüedad: 11 años, 8 meses
Puntos: 0
Menu Horizontal con Background

Hola Gente...

Me esta dando por.....(ahí)....como no el IE.

Tengo un menu con menu:

<ul>
<a href="inicio.html" <li class="Inicio"></li></a>
<a href="laborandi.html"<li class="Laborandi"></li></a>
<a href="masofertas.html" <li class="masofertas"></li></a>
<a href="noticias.html" <li class="noticias"></li></a>
<a href="contactos.html" <li class="contactos"></li></a>
<a href="registrarse.html" <li style="width:284px" class="registrarse"></li></a>
</ul>

Y este a un CSS:

ul {
list-style-type: none;
display: block;
}

li {
width: 102px;
height: 30px;
float: left;
margin-right: 1px;
display: block;
}

li.Inicio {
background: url(../imagenes/B-inicio.gif) no-repeat;
}

li.Inicio:hover{
background: url(../imagenes/BAct-inicio.gif) no-repeat;
}

li.Laborandi {
background: url(../imagenes/B-Laborandi.gif) no-repeat;
}
li.Laborandi:hover {
background: url(../imagenes/BAct-Laborandi.gif) no-repeat;
}

li.masofertas {
background: url(../imagenes/B-masofertas.gif) no-repeat;
}

li.masofertas:hover{
background: url(../imagenes/BAct-masofertas.gif) no-repeat;
}
li.noticias {
background: url(../imagenes/B-noticias.gif) no-repeat;
}

li.noticias:hover{
background: url(../imagenes/BAct-noticias.gif) no-repeat;
}
li.contactos {
background: url(../imagenes/B-contacto.gif) no-repeat;
}

li.contactos:hover{
background: url(../imagenes/BAct-contacto.gif) no-repeat;
}
li.registrarse {
background: url(../imagenes/B-registrase.gif) no-repeat;
}

PONQUE EN IE NO SE VE EL FONDO QUE LE HE PUESTO EN LOS <LI>

AYUDAAAAAAAAAAAAAAA!!!!
  #2 (permalink)  
Antiguo 28/11/2009, 07:04
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Menu Horizontal con Background

Hola

Cita:
Iniciado por von_Lestat Ver Mensaje
<ul>
<a href="inicio.html" <li class="Inicio"></li></a>
<a href="laborandi.html"<li class="Laborandi"></li></a>
<a href="masofertas.html" <li class="masofertas"></li></a>
<a href="noticias.html" <li class="noticias"></li></a>
<a href="contactos.html" <li class="contactos"></li></a>
<a href="registrarse.html" <li style="width:284px" class="registrarse"></li></a>
</ul>
¿Y esto que es? Modifica lo que tienes por esto:

Código:
<ul>   
<li class="Inicio"><a href="inicio.html">Opción 1</a></li>
<li class="Laborandi"><a href="laborandi.html">Opción 2</a></li>
<li class="masofertas"><a href="masofertas.html">Opción 3</a></li>
<li class="noticias"><a href="noticias.html">Opción 4</a></li>
<li class="contactos"><a href="contactos.html">Opción 5</a></li>
<li style="width:284px" class="registrarse"><a href="registrarse.html">Opcion 6</a></li>
</ul>
Aparte de lo marcado en rojo (las etiquetas de apertura de los enlaces sin cerrar), dentro de una lista desordenada <ul> no debe haber más que elementos de la lista <li>.

Saludos.

  #3 (permalink)  
Antiguo 28/11/2009, 07:35
 
Fecha de Ingreso: abril-2006
Mensajes: 73
Antigüedad: 11 años, 8 meses
Puntos: 0
Respuesta: Menu Horizontal con Background

Gracias jomaruro....

Un saludo.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 04:07.