Foros del Web » Creando para Internet » Diseño web »

Estructura acabada pero con problema.

Estas en el tema de Estructura acabada pero con problema. en el foro de Diseño web en Foros del Web. Hola muy buenas a todos. He estado empoyando un poco de css ultimamente y al final he terminado de hacer la estructura base de una ...
  #1 (permalink)  
Antiguo 17/06/2008, 11:57
Avatar de KeiDash  
Fecha de Ingreso: septiembre-2005
Mensajes: 114
Antigüedad: 12 años, 2 meses
Puntos: 0
Estructura acabada pero con problema.

Hola muy buenas a todos. He estado empoyando un poco de css ultimamente y al final he terminado de hacer la estructura base de una web muy simple.

Aparentemente parece estar todo correcto pero cuando desplazo el raton al menú, antes de colocarlo justo encima parece que hay una especie de bucle y se me queda parpadeando.

He mirado la estructura css y la verdad no veo nada raro, incluso la verificacion del W3C me dice que no tiene errores.

Alguien puede echar un ojo a ver que le parece?

Podeis acceder a la web aqui y ver el problema: ...//galeon.com/gpixel/index.html

PD: En IE no se me ve bien la pagina, en cambio en firefox,opera y k-meleon si.

Saludos y gracias de Antemano.

Cita:
Codigo CSS:
*{
margin: 0;
padding: 0;
}

body{
background-color: #616161;
background-image: url(images/fomdo.gif);
background-position: top;
background-repeat: repeat-x;
font-family: Arial,Helvetica,sans-serif;
font-size: 12px;
height: 100%;
text-align: center;
border: 0;
}

#contenedor{
border: solid FFFFFF;
height: 545px;
width: 720px;
border: 0;
}

#arriba{
position: static;
margin-left: 310px;
margin-top: 10px;
background-image: url(images/logo.png);
background-position: center;
background-repeat: no-repeat;
float: none;
width: 620px;
height: 82px;
}

#izq{
width: 620px;
height: 27px;
margin-top: 10px;
margin-left: 310px;
}
#izq ul{
background-image: url(images/botonA.gif);
background-repeat: repeat-x;
clear: both;
float: left;
position: relative;
width: 600px;
height: 5px;
margin-left: 10px;
}

#izq li{
float: left;
display: block;
height: 27px;
width: 150px;
}

#izq li a{
display:block;
text-decoration: none;
color:white;
float:left;
height: 27px;
width: 150px;
letter-spacing: 2px;
padding: 5px 0;
}

#izq li a:hover{
background-image: url(images/botonB.gif);
background-repeat: repeat-x;
background-color: #646464;
display: block;
height: 17px;
}

#der{
margin-top: 10px;
margin-left: 320px;
width: 600px;
height: 500px;
background-color: #888888;
}

#pie{
margin-left: 320px;
width: 600px;
height: 20px;
background-color: #885555;
}
  #2 (permalink)  
Antiguo 17/06/2008, 12:21
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Estructura acabada pero con problema.

Se debe a que en el selector "a" has puesto un height de 27px, y en el a:hover de 17px.

Cambia el "a" a 17 y listo:

#izq li a{
display:block;
text-decoration: none;
color:white;
float:left;
height: 17px;
width: 150px;
letter-spacing: 2px;
padding: 5px 0;
}

Mikel.
  #3 (permalink)  
Antiguo 17/06/2008, 15:37
Avatar de KeiDash  
Fecha de Ingreso: septiembre-2005
Mensajes: 114
Antigüedad: 12 años, 2 meses
Puntos: 0
Respuesta: Estructura acabada pero con problema.

Ahhhh es verdad. Muchas gracias ;)
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 02:25.