Foros del Web » Creando para Internet » CSS »

Problema CSS y Chrome

Estas en el tema de Problema CSS y Chrome en el foro de CSS en Foros del Web. Estoy montando un site y tengo unos enlaces de menú con una imagen de fondo al hacer hover. Con Firefox me lo muestra de forma ...
  #1 (permalink)  
Antiguo 19/03/2010, 22:47
Avatar de allvipdomains  
Fecha de Ingreso: agosto-2009
Ubicación: España
Mensajes: 40
Antigüedad: 8 años, 3 meses
Puntos: 0
Pregunta Problema CSS y Chrome

Estoy montando un site y tengo unos enlaces de menú con una imagen de fondo al hacer hover. Con Firefox me lo muestra de forma correcta, pero con el Chrome no acepta el CSS de los enlaces... no lo entiendo.

Mi CSS de los enlaces:
Código:
a.menu:link {
	color: #f3f3f3;
	text-decoration:none;
	padding-top:17px;
	padding-bottom:17px;
	padding-left:10px;
	padding-right:10px;
	font-size:16px;
	font-weight:bold;
	}
a.menu:hover {
	color: #EE7f00;
	background-image:url(img/bg_menu2.jpg);
	}
¿Alguna solución?... me estoy volviendo loco.

Lo he subido a mi server para que me podáis ayudar mejor... http://www.allvipdomains.com/test/

Última edición por allvipdomains; 19/03/2010 a las 23:29 Razón: Agragar info
  #2 (permalink)  
Antiguo 20/03/2010, 09:09
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.697
Antigüedad: 8 años, 5 meses
Puntos: 137
Respuesta: Problema CSS y Chrome

yo lo veo exactamente igual :S
  #3 (permalink)  
Antiguo 20/03/2010, 09:38
Avatar de allvipdomains  
Fecha de Ingreso: agosto-2009
Ubicación: España
Mensajes: 40
Antigüedad: 8 años, 3 meses
Puntos: 0
Respuesta: Problema CSS y Chrome

Pues yo no lo veo igual... :S:S:S

Adjunto una imagen con FF (izq) y Chrome (der) cuando pongo el cursor sobre el botón CONTACTAR:

  #4 (permalink)  
Antiguo 20/03/2010, 14:00
Avatar de Carlangueitor
Moderador ლ(ಠ益ಠლ)
 
Fecha de Ingreso: marzo-2008
Ubicación: México
Mensajes: 9.968
Antigüedad: 9 años, 9 meses
Puntos: 1314
Respuesta: Problema CSS y Chrome

Prueba dejarlo así: a.menu en lugar de a.menu:link. También prueba ponerle display: block en a.menu:hover.

Saludos
__________________
Grupo Telegram Docker en Español

Última edición por Carlangueitor; 20/03/2010 a las 14:10
  #5 (permalink)  
Antiguo 20/03/2010, 14:26
Avatar de allvipdomains  
Fecha de Ingreso: agosto-2009
Ubicación: España
Mensajes: 40
Antigüedad: 8 años, 3 meses
Puntos: 0
Respuesta: Problema CSS y Chrome

Carlangueitor, gracias por tu ayuda... PERO

- Al cambiar esas dos cosas el Chrome me muestra los botones con el formato correcto, pero el hover no funciona.
- Al cambiar esas dos cosas el Firefox deja de mostrarme el menu de forma correcta.

No entiendo mucho, pero pensaba que lo que yo quiero hacer no era algo tan complicado... ¿o en qué me equivoco?.

Espero alguna respuesta que sea la luz al final del túnel... Gracias.
  #6 (permalink)  
Antiguo 20/03/2010, 15:14
Avatar de Carlangueitor
Moderador ლ(ಠ益ಠლ)
 
Fecha de Ingreso: marzo-2008
Ubicación: México
Mensajes: 9.968
Antigüedad: 9 años, 9 meses
Puntos: 1314
Respuesta: Problema CSS y Chrome

A ver estuve probando y modifique también tu html (semánticamente los enlaces de un menú van en una lista desordenada y parece que ya se ve bien en los dos navegadores:
Código HTML:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>Documento sin t&iacute;tulo</title>
  6. <link href="estilos.css" rel="stylesheet" type="text/css" />
  7. </head>
  8.  
  9. <body>
  10. <div id="content">
  11. <div id="header">
  12.  
  13. </div>
  14. <ul id="menu">
  15. <li><a href="#">INICIO</a></li>
  16. <li><a href="#">SERVICIOS</a></li>
  17. <li><a href="#">TIENDA</a></li>
  18. <li><a href="#">CONTACTAR</a></li>
  19. </ul>
  20. <div id="main">
  21. <p>Texto de muesta para ver la sombra que se pone detrás cuando el fondo está claro</p>
  22. </div>
  23. <div id="footer">
  24.  
  25. </div>
  26. </div>
  27. </body>
  28. </html>
Código CSS:
Ver original
  1. @charset "utf-8";
  2. /* CSS Document */
  3.  
  4. body {
  5.     font-family:"Myriad Pro", Myriad, Geneva, Arial, Helvetica, sans-serif, Verdana;
  6.     margin-left: 0px;
  7.     margin-top: 0px;
  8.     margin-right: 0px;
  9.     margin-bottom: 0px;
  10.     background-image:url(img/bg.jpg);
  11.     background-position:top;
  12.     background-repeat:no-repeat;
  13.     background-color:#000000;
  14.     color:#CCCCCC;
  15.     text-shadow: 2px 2px 2px #000;
  16.     }
  17. #content{
  18.     margin:auto;
  19.     top:0px;
  20.     width:980px;
  21.     }
  22. #header{
  23.     position:relative;
  24.     background-image:url(img/header_bg.png);
  25.     background-repeat:no-repeat;
  26.     background-position:top;
  27.     height:87px;
  28.     text-align:center;
  29.     opacity:.80;
  30.     filter:alpha(opacity=80);
  31.     filter: "alpha(opacity=80)";
  32.     }
  33. #menu{
  34.     top:85px;
  35.     width:100&#37;;
  36.     height:33px;
  37.     background-image:url(img/bg_menu.jpg);
  38.     color:#999999;
  39.     text-align: center;
  40.     opacity:.80;
  41.     filter:alpha(opacity=80);
  42.     filter: "alpha(opacity=80)";
  43.     padding:3px 0px 20px 320px;
  44.     -moz-border-radius: 4em 2em;
  45.     -webkit-border-radius: 15px;
  46.     list-style: none;
  47.     }
  48. #menu li {
  49.     margin: auto;
  50.     float: left;
  51.     }
  52. #menu li a{
  53.     text-decoration: none;
  54.     color: #F3F3F3;
  55.     display: block;
  56.     padding: 17px 10px;
  57.     font-size: 14px;
  58.     font-weight: Bold;
  59.     }
  60. #menu li a:hover {
  61.     color: #EE7F00;
  62.     background: url(img/bg_menu2.jpg);
  63.     }
  64. #main {
  65.     float: none;
  66.     clear: both;
  67.     }

Saludos
__________________
Grupo Telegram Docker en Español
  #7 (permalink)  
Antiguo 20/03/2010, 15:30
Avatar de allvipdomains  
Fecha de Ingreso: agosto-2009
Ubicación: España
Mensajes: 40
Antigüedad: 8 años, 3 meses
Puntos: 0
Respuesta: Problema CSS y Chrome

Pues entonces... algo les pasa a mis dos ordenadores...

Yo veo esto:


No lo entiendo. :(
  #8 (permalink)  
Antiguo 20/03/2010, 15:33
Avatar de Carlangueitor
Moderador ლ(ಠ益ಠლ)
 
Fecha de Ingreso: marzo-2008
Ubicación: México
Mensajes: 9.968
Antigüedad: 9 años, 9 meses
Puntos: 1314
Respuesta: Problema CSS y Chrome

Eso es solo el HTML algo hiciste mal y no esta agarrando el CSS, verifica eso.

Saludos
__________________
Grupo Telegram Docker en Español
  #9 (permalink)  
Antiguo 20/03/2010, 15:40
Avatar de allvipdomains  
Fecha de Ingreso: agosto-2009
Ubicación: España
Mensajes: 40
Antigüedad: 8 años, 3 meses
Puntos: 0
Respuesta: Problema CSS y Chrome

Me voy a volver loco... con el netbook de mier** y no me aclaro.

El html llama al estilos css, pero no lo abre... en ningun navegador.

Perdona que te moleste tanto, pero no me aclaro. :(
  #10 (permalink)  
Antiguo 20/03/2010, 15:44
Avatar de Carlangueitor
Moderador ლ(ಠ益ಠლ)
 
Fecha de Ingreso: marzo-2008
Ubicación: México
Mensajes: 9.968
Antigüedad: 9 años, 9 meses
Puntos: 1314
Respuesta: Problema CSS y Chrome

Está en la misma carpeta y con el nombre correcto (estilos.css)??

Saludos
__________________
Grupo Telegram Docker en Español
  #11 (permalink)  
Antiguo 20/03/2010, 15:51
Avatar de allvipdomains  
Fecha de Ingreso: agosto-2009
Ubicación: España
Mensajes: 40
Antigüedad: 8 años, 3 meses
Puntos: 0
Respuesta: Problema CSS y Chrome

Sí, si... y las imagenes en su sitio y todo correcto... por eso digo que no lo entiendo. He vuelto a crear el documento pero nada, que no quiere leer el css.

Increíble pero cierto.
  #12 (permalink)  
Antiguo 20/03/2010, 16:03
Avatar de Carlangueitor
Moderador ლ(ಠ益ಠლ)
 
Fecha de Ingreso: marzo-2008
Ubicación: México
Mensajes: 9.968
Antigüedad: 9 años, 9 meses
Puntos: 1314
Respuesta: Problema CSS y Chrome

Borra la cache, aunque se me hace raro, si tienes firebug en firefox trata de ver si esta mostrando los estilos o dale ver código y has click a la hoja de estilos.

Saludos
__________________
Grupo Telegram Docker en Español
  #13 (permalink)  
Antiguo 20/03/2010, 16:49
Avatar de allvipdomains  
Fecha de Ingreso: agosto-2009
Ubicación: España
Mensajes: 40
Antigüedad: 8 años, 3 meses
Puntos: 0
Respuesta: Problema CSS y Chrome

Bueno, sigue igual. En teoría (según el codigo) sí lee el CSS, pero a la práctica NO.

Tu lo ves correctamente en los diferentes navegadores??

Que problema pueden tener mis PCs??
  #14 (permalink)  
Antiguo 20/03/2010, 17:03
Avatar de Carlangueitor
Moderador ლ(ಠ益ಠლ)
 
Fecha de Ingreso: marzo-2008
Ubicación: México
Mensajes: 9.968
Antigüedad: 9 años, 9 meses
Puntos: 1314
Respuesta: Problema CSS y Chrome

No se que problema pueda tener tu PC, yo digo que hay algo con las rutas, es la única explicación que se me ocurre.

Yo lo puedo ver correctamente, mira lo subí a mi sitio: http://www.charlyroman.com/forosdelweb/menucss/

Saludos
__________________
Grupo Telegram Docker en Español
  #15 (permalink)  
Antiguo 20/03/2010, 17:14
Avatar de allvipdomains  
Fecha de Ingreso: agosto-2009
Ubicación: España
Mensajes: 40
Antigüedad: 8 años, 3 meses
Puntos: 0
Respuesta: Problema CSS y Chrome

Alucino... ahi lo veo en los dos navegadores... aunque con algun error en FF con el background del div menu, pero bueno, almenos los botones se ven como deben.

Voy a dejarlo y cuando vuelva a casa el lunes lo volveré a intentar... ya te contaré qué pasa con eso.

Agradezco muchisimo tu tiempo, pero no lo entiendo. Ahora me veo colapsado con esto. Y lo mas gracioso es que las rutas son correctas.

Ya saldrá el problema y espero que pueda ayudar a alguien más después con un tema tan sencillo pero que se está alargando tanto.

Saludos y el lunes te digo. Gracias.

Etiquetas: chrome
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 15:23.