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

CSS Chrome

Estas en el tema de CSS Chrome en el foro de Diseño web en Foros del Web. Buenas,, Tengo un pequeño gran detalle con este navegador... estoy haciendo un tooltip con css el problema esque el los demás navegadores se ve bien ...
  #1 (permalink)  
Antiguo 17/06/2011, 11:24
Avatar de Maganius  
Fecha de Ingreso: septiembre-2010
Mensajes: 310
Antigüedad: 13 años, 6 meses
Puntos: 10
CSS Chrome

Buenas,,

Tengo un pequeño gran detalle con este navegador...

estoy haciendo un tooltip con css el problema esque el los demás navegadores se ve bien el tooltip pero en google chrome no.. dejo caps para que se den una idea y el css

http://imageshack.us/photo/my-images...trachrome.jpg/

http://imageshack.us/photo/my-images...rafirefox.jpg/

Como se ve en firefox es el correcto

Código CSS:
Ver original
  1. a.Ntooltip {
  2. position: relative;
  3. text-decoration: none !important;
  4. color:#0080C0 !important;
  5. font-weight:bold !important;
  6. }
  7.  
  8. a.Ntooltip:hover {
  9. z-index:9998999999 !important;
  10. background-color:#000000;
  11. }
  12.  
  13. a.Ntooltip span {
  14. display: none;
  15. }
  16.  
  17. a.Ntooltip:hover span {
  18. display: block;
  19. position: absolute;
  20. top:0em;
  21. left:62px !important;
  22. #left:150px;
  23. width:50px;
  24. padding:5px;
  25. background:#0080C0;
  26. color: #FFFFFF;
  27. z-index:999999999 !important;
  28. }
  29.  
  30. a.Ntooltip:hover span {
  31.     left:158px;
  32. }
  #2 (permalink)  
Antiguo 17/06/2011, 11:45
 
Fecha de Ingreso: abril-2011
Mensajes: 1.342
Antigüedad: 13 años
Puntos: 344
Respuesta: CSS Chrome

¿Puedes poner el HTML del tooltip?

Porque puede deberse a que hay algo mal en él y Chrome suele ser más estricto en este sentido. Además necesitamos ver la estructura del HTML para ver como aplicas las reglas css que has indicado.
  #3 (permalink)  
Antiguo 17/06/2011, 11:48
Avatar de Maganius  
Fecha de Ingreso: septiembre-2010
Mensajes: 310
Antigüedad: 13 años, 6 meses
Puntos: 10
Respuesta: CSS Chrome

Gracias por responder alex.

Te muestro el codigo html (es solo la parte donde muestro el tooltip)

Código HTML:
Ver original
  1. <li id="recordsArray_<?php echo $row['id']; ?>">
  2.    <a class="Ntooltip" href="#">
  3.               <span>Editar</span>
  4.           <div class="nombre_img"><strong>Grupo <?=$sumo;?></strong></div>
  5.      <img src="img/miniatura/<?=$row[1];?>" />
  6.   </a>
  7. </li>
  #4 (permalink)  
Antiguo 17/06/2011, 13:46
Avatar de MasterXNicoX  
Fecha de Ingreso: junio-2008
Ubicación: ../Arg/SanLuis.city
Mensajes: 943
Antigüedad: 15 años, 10 meses
Puntos: 28
Respuesta: CSS Chrome

¿¿Acaso ese tooltip lo sacaste de esta web?? Porque si es así, no te tendría que causar ningún problema, ya lo he usado!!
__________________
Adivino del Foro y Admirador de Sabios
  #5 (permalink)  
Antiguo 17/06/2011, 14:15
 
Fecha de Ingreso: abril-2011
Mensajes: 1.342
Antigüedad: 13 años
Puntos: 344
Respuesta: CSS Chrome

Yo lo he probado en Chrome y va perfecto. No se porque te funcionará mal a ti, pero puede que sean otras reglas que tengas aparte.
  #6 (permalink)  
Antiguo 17/06/2011, 16:34
Avatar de Maganius  
Fecha de Ingreso: septiembre-2010
Mensajes: 310
Antigüedad: 13 años, 6 meses
Puntos: 10
Respuesta: CSS Chrome

MasterXNicoX Si lo saque de esa web pero el problema esque yo tengo un div que usa el jquery para crear un slide entonces se ve que en Chrome hace conflicto y en firefox no...

Ahora voy a probar un par de cosas que ando con mas tiempo si alguien tiene alguna sugerencia se agradece!
  #7 (permalink)  
Antiguo 18/06/2011, 18:09
Avatar de MasterXNicoX  
Fecha de Ingreso: junio-2008
Ubicación: ../Arg/SanLuis.city
Mensajes: 943
Antigüedad: 15 años, 10 meses
Puntos: 28
Respuesta: CSS Chrome

Me parecía Maga!!

Lo que seguramente falla, es que alguno de tus códigos no son "compatibles" con los id's que se usan en el tooltip... Es lo primero que se me ocurre!!

Comentanos como te va con el tema!!
__________________
Adivino del Foro y Admirador de Sabios
  #8 (permalink)  
Antiguo 19/06/2011, 10:42
Avatar de Maganius  
Fecha de Ingreso: septiembre-2010
Mensajes: 310
Antigüedad: 13 años, 6 meses
Puntos: 10
Respuesta: CSS Chrome

MasterXNicoX

La verdad no lo pude solucionar al problema..

pero lo hice de otro modo que no quedo tan "mal". por ahora me sirve.

Muchas gracias a todos

Etiquetas: chrome, css
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 00:53.