Foros del Web » Creando para Internet » CSS »

Centrar un selector con CSS

Estas en el tema de Centrar un selector con CSS en el foro de CSS en Foros del Web. hola, tengo el siguiente problema.. Estoy armando un menu horisontal... tipo... Item ---- Item ---- Item ---- Item --- Item Ahora yo quiero que debajo ...
  #1 (permalink)  
Antiguo 15/07/2009, 13:24
(Desactivado)
 
Fecha de Ingreso: enero-2008
Ubicación: Mendoza
Mensajes: 458
Antigüedad: 16 años, 1 mes
Puntos: 2
Exclamación Centrar un selector con CSS

hola, tengo el siguiente problema..

Estoy armando un menu horisontal...

tipo... Item ---- Item ---- Item ---- Item --- Item

Ahora yo quiero que debajo de cada item aparezca un selector, centrado al item, a que me refiero con un selector, una imagen o lo que sea, que aparezca debajo del item en el que estoy.

Ahora lo quiero solucionar, es que el selector no se ve en internet explorer, pero en crhome y en firefox si, y es necesario que se vea en todos los navegadores.

Aqui coloco la estrucutra simple del selector, obviamente que para que me aparezca solo debajo del item que quiero es con js u otro tema, pero eso ya lo tengo resuelto.

Mi problema es que no se ve el selector en inernet explorer... este es mi html y mi css...

Gracias

Código HTML:
.nav{
position:absolute;
left:50%;
width:980px;
top:120px;
margin-left:-490px;
height:60px;
}
.item{
float:left;
text-align:center;
padding-left:10px;
}
.selector{
position:relative;
left:50%;
width:30px;
height:20px;
margin-left: -15px;
background-color:#000000;
}
<div class="nav">
  <div class="item">Home<div class="selector"></div>
  </div>
        <div class="item">El Lugar<div class="selector"></div>
  </div>
        <div class="item">Eventos<div class="selector"></div>
  </div>
        <div class="item">Multimedia<div class="selector"></div>
  </div>
        <div class="item">Merchansing<div class="selector"></div>
  </div>
        <div class="item">Blog<div class="selector"></div>
  </div>
        <div class="item">Contacto<div class="selector"></div>
  </div>
</div> 
  #2 (permalink)  
Antiguo 15/07/2009, 14:59
 
Fecha de Ingreso: mayo-2009
Ubicación: Fuerteventura
Mensajes: 324
Antigüedad: 14 años, 10 meses
Puntos: 19
Respuesta: Centrar un selector con CSS

Imagino que lo que intentas hacer es esto:

http://www.cssmenumaker.com/builder/menu_info.php?menu=032


La forma en que has construido el menu no es correcta, bájate el código del ejemplo del enlace y fíjate en cómo está construido.

De todos modos esto te funcionaría en todos los navegadores y te ahorrarías un div innecesario:

Código HTML:
.item {
background:#000 url(imagen.gif) no-repeat bottom center;
padding-bottom: 10px; /*el alto de la imagen o lo que te parezca*/
}
Salud!
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 07:05.