Foros del Web » Creando para Internet » CSS »

Hacks para chrome y safari

Estas en el tema de Hacks para chrome y safari en el foro de CSS en Foros del Web. Hola soy nueva en el foro y quisiera ver si me pueden ayudar, estoy modificando el CSS de una página y necesito lograr que los ...
  #1 (permalink)  
Antiguo 18/03/2011, 17:06
 
Fecha de Ingreso: marzo-2011
Ubicación: Bogotá
Mensajes: 6
Antigüedad: 13 años, 8 meses
Puntos: 0
Hacks para chrome y safari

Hola soy nueva en el foro y quisiera ver si me pueden ayudar, estoy modificando el CSS de una página y necesito lograr que los links que aparecen en la caja de texto no se salgan de ésta y cuando la pruebo en Firefox perfecto, en Explorer se modifica el tamaño de las cajas de fondo y en Safari y Chrome el texto de los links se sale a lo ancho de la caja de fondo, me dijeron que eso lo puedo arreglar con un hack para Chrome y Safari pero no encuentro ninguno, he probado con //, #, _, que son los que encontré en internet pero ninguno me funciona.

Así se ve en firefox y es como necesito que se vea en todos los navegadores

[URL=http://img809.imageshack.us/i/firefoxt.png/][IMG]http://img809.imageshack.us/img809/1492/firefoxt.th.png[/IMG][/URL]
Y así se ve en Safari y Chrome

[URL=http://img190.imageshack.us/i/safarir.png/][IMG]http://img190.imageshack.us/img190/6025/safarir.th.png[/IMG][/URL]


Este es el CSS de la clase enlace que es la que le pongo a los links

.enlaces {
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 9px;
margin: 1px;
width: 70%;

}
Espero me puedan ayudar gracias
  #2 (permalink)  
Antiguo 18/03/2011, 18:17
 
Fecha de Ingreso: febrero-2011
Mensajes: 54
Antigüedad: 13 años, 9 meses
Puntos: 13
Respuesta: Hacks para chrome y safari

daracanela, te corrijo los enlaces porque has puesto las miniaturas:

Firefox (así debe verse siempre):

http://img809.imageshack.us/img809/1492/firefoxt.png

Safari y Chrome (se ve mal):

http://img190.imageshack.us/img190/6025/safarir.png

Para pedir ayuda es mejor que pongas tu código o la url.
  #3 (permalink)  
Antiguo 18/03/2011, 21:31
 
Fecha de Ingreso: marzo-2011
Ubicación: Bogotá
Mensajes: 6
Antigüedad: 13 años, 8 meses
Puntos: 0
Respuesta: Hacks para chrome y safari

gracias por la ayuda. El url de la pag es: http://portaldeobras.gov.co/mapa-redes.html necesito arreglar la tabla azul en el lateral derecho que el texto se sale de los cuadros
  #4 (permalink)  
Antiguo 19/03/2011, 00:10
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 15 años, 5 meses
Puntos: 269
Respuesta: Hacks para chrome y safari

Hola daracanela, hoy navegando me encontre con estos hacks, (ya que estas puedes ver sobre comentarios condicionales)tal vez te pueda ser útil. si usas jquery existe un plugin llamado jquery browser plugin, en este hilo muestro un ejemplo de como usarlo.

Saludos.
  #5 (permalink)  
Antiguo 19/03/2011, 11:46
 
Fecha de Ingreso: noviembre-2005
Mensajes: 426
Antigüedad: 19 años
Puntos: 87
Respuesta: Hacks para chrome y safari

Para solucionar tu problema simplemente tienes que hacer que los links que estan dentro no sean tan largos ( los <a>)

Por cierto, este problema se debe a que meter un <a> dentro de un <h3> es html no valido bajo cualquier estándar.
  #6 (permalink)  
Antiguo 19/03/2011, 15:08
Avatar de Willy_N  
Fecha de Ingreso: diciembre-2009
Ubicación: Cádiz
Mensajes: 334
Antigüedad: 15 años
Puntos: 18
Respuesta: Hacks para chrome y safari

¿Esto qué es?

Código HTML:
Ver original
  1. <h3 style="font-family: 'Lucida Sans Unicode','Lucida Grande',sans-serif; font-size: 10px; color: rgb(102, 102, 102);"><b>[DESVIOs]</b> Se <b>creo</b> un <b>nuevo Desvio</b> para la obra CALLE 26 FASE III que finaliza el 2012-01-01<br> Para ir al Desvio dar clic en <a target="_parent" href="http://www.portaldeobras.gov.co/index.php?id=534&amp;x=-74.0759675196914&amp;y=4.62420870952344&amp;iddes=10040"> http://www.portaldeobras.gov.co/index.php?id=534&amp;x=-74.0759675196914&amp;y=4.62420870952344&amp;iddes=10040</a><br> </h3>

En Firefox también se ve el problema en las cajas de la derecha.

El problema no son Chrome, Safari y Firefox, el problema es tu código, tienes que hacerlo de otra mejor manera.
  #7 (permalink)  
Antiguo 22/03/2011, 08:30
 
Fecha de Ingreso: marzo-2011
Ubicación: Bogotá
Mensajes: 6
Antigüedad: 13 años, 8 meses
Puntos: 0
Respuesta: Hacks para chrome y safari

Cita:
Iniciado por Willy_N Ver Mensaje
¿Esto qué es?

Código HTML:
Ver original
  1. <h3 style="font-family: 'Lucida Sans Unicode','Lucida Grande',sans-serif; font-size: 10px; color: rgb(102, 102, 102);"><b>[DESVIOs]</b> Se <b>creo</b> un <b>nuevo Desvio</b> para la obra CALLE 26 FASE III que finaliza el 2012-01-01<br> Para ir al Desvio dar clic en <a target="_parent" href="http://www.portaldeobras.gov.co/index.php?id=534&amp;x=-74.0759675196914&amp;y=4.62420870952344&amp;iddes=10040"> http://www.portaldeobras.gov.co/index.php?id=534&amp;x=-74.0759675196914&amp;y=4.62420870952344&amp;iddes=10040</a><br> </h3>

En Firefox también se ve el problema en las cajas de la derecha.

El problema no son Chrome, Safari y Firefox, el problema es tu código, tienes que hacerlo de otra mejor manera.
A mi el problema solo me sale en chrome y safari en firefox y explorer los textos de los links no se salen de las cajas de texto azul. Además no importa que modifique la caja en chrome y safari es como si no tomara encuenta las modificaciones al código

Última edición por daracanela; 22/03/2011 a las 08:52

Etiquetas: chrome, hacks, safari
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

SíEste tema le ha gustado a 1 personas




La zona horaria es GMT -6. Ahora son las 18:35.