Foros del Web » Creando para Internet » CSS »

Solucion espacios interlineado IE7 y Firefox

Estas en el tema de Solucion espacios interlineado IE7 y Firefox en el foro de CSS en Foros del Web. Hola! Me gustaría saber como solucionar el siguiente problema en IE7: 1) En la página http://www.firenetworks.eu/krachai/e..._set_menu.html al principio del menu: Entre Poh Pia Spring Roll ...
  #1 (permalink)  
Antiguo 03/10/2009, 06:48
Avatar de NaRanJiTo78  
Fecha de Ingreso: noviembre-2007
Ubicación: In the BeaCh
Mensajes: 874
Antigüedad: 10 años, 1 mes
Puntos: 10
Exclamación Solucion espacios interlineado IE7 y Firefox

Hola!

Me gustaría saber como solucionar el siguiente problema en IE7:

1) En la página http://www.firenetworks.eu/krachai/e..._set_menu.html al principio del menu:

Entre

Poh Pia
Spring Roll

Tod Man Talay
Thai seafood cake

En Firefox hay un espacio como pongo arriba, pero en IE7 sale todo junto, como solucionarlo?

2) Y un poco más abajo (Main course) , cuando aparece la frase con el dibujo de la guindilla ("Masaman Nua"), la palabra de abajo (" Beef and potatoes with creamy red curry sauce masaman style") sale con un espacio en IE7, cuando en Firefox no lo hace, como lo puedo arreglar?

Alguien me puede ayudar?

Un saludo, muchas gracias!
  #2 (permalink)  
Antiguo 04/10/2009, 12:08
Avatar de NaRanJiTo78  
Fecha de Ingreso: noviembre-2007
Ubicación: In the BeaCh
Mensajes: 874
Antigüedad: 10 años, 1 mes
Puntos: 10
Respuesta: Solucion espacios interlineado IE7 y Firefox

Nadie me puede ayudar?
  #3 (permalink)  
Antiguo 04/10/2009, 18:31
Avatar de NaRanJiTo78  
Fecha de Ingreso: noviembre-2007
Ubicación: In the BeaCh
Mensajes: 874
Antigüedad: 10 años, 1 mes
Puntos: 10
Respuesta: Solucion espacios interlineado IE7 y Firefox

Después de mucho trastear, por si a alguien le pasa lo mismo con IE7, simplemente hay que sustituir <p><br /></p> por <p><&nbsp;></p>

He conseguido que se quite el interlineado que deja cuando hay una imagen al texto de abajo para que se vea bien en IE7 aplicando a la imagen y al texto de abajo margin:"0 0 0 0"; padding:"0 0 0 0"; pero el problema en que como tengo "line-height:0" ahora en firefox se me solapan los textos uno encima de otro.

Si uso un conicionante para IE7 ej:
Cita:
<!--[if IE 7]>
<style>
.apDiv15 {
margin: "0 0 0 0" ; padding:"0 0 0 0";
}
</style>
<![endif]-->
me lo aplicará a todo el div, supongo, pero si solo lo quiero emplear el condicionante para una imagen y un texto determinado que se encuentra en el div, se puede hacer?

Última edición por NaRanJiTo78; 04/10/2009 a las 19:39
  #4 (permalink)  
Antiguo 04/10/2009, 19:50
Avatar de deirdre  
Fecha de Ingreso: mayo-2009
Mensajes: 690
Antigüedad: 8 años, 7 meses
Puntos: 44
Respuesta: Solucion espacios interlineado IE7 y Firefox

Hola NaRanJiTo78

Con esta estructura para cada párrafo te queda bien seal cual sea el browser:

Código HTML:
<p style="position: relative"><img style="position: relative; top: 8px" src="http://img405.imageshack.us/img405/6017/guindillasmall.png" alt="" width="14" height="26" />
	<span style="color: #ddb118;">Masaman Nua</span>
	<br />
	<span style="COLOR: #e75012; margin-left: 18px;">Beef and potatoes with creamy red curry sauce masaman style</span>
</p> 
Bye
  #5 (permalink)  
Antiguo 04/10/2009, 20:40
Avatar de pitufoweb  
Fecha de Ingreso: enero-2008
Ubicación: Un Mundo Raro
Mensajes: 1.148
Antigüedad: 9 años, 10 meses
Puntos: 181
Respuesta: Solucion espacios interlineado IE7 y Firefox

Cita:
Iniciado por NaRanJiTo78 Ver Mensaje
Nadie me puede ayudar?

Hola NaRanJiTo78.


Desde ayer vi tu mensaje y entre en tu pagina para tratar de ayudarte a solucionar el problema. Pero al ver el código fuente de la pagina, salí corriendo. Y creo que los otros usuarios que también tenían la intención de ayudarte, hicieron lo mismo.



Pero porque?

Bueno, te apuesto a que estas creando la pagina con algún editor tipo FrontPage. Por lo tanto el resultado es:
  • Todas las capas las tienes con posición absoluta.
  • Tiene mucho código "basura".
  • Tiene muchos estilos en linea.
  • Tienes muy classificado el código. (Bueno, que tiene muchas "class" innecesarias )

Por lo tanto, es mas difícil encontrar y solucionar los problemas.



Por ejemplo. Este código:
Código HTML:
<p><span style="color: #ddb118;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></p>
<p><span style="color: #ddb118;">&nbsp;&nbsp;&nbsp; Kai Satay&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></p>

<p><span style="color: #ddb118;">&nbsp;&nbsp;&nbsp; <span style="color: #e75012;">Grilled marinated chicken with peanuts sauce</span></span></p>
<p><span style="color: #ddb118;"><strong>&nbsp;</strong></span></p> 

Se puede optimizar a esto:
Código HTML:
<li>Kai Satay</li>
<li>Grilled marinated chicken with peanuts sauce</li> 


Espero que no malinterpretes este mensaje.


Saludos y sigue pa' delante.


Bye
pitufo
__________________
------------- " La felicidad no llega de afuera, nace desde dentro. " -------------
  #6 (permalink)  
Antiguo 04/10/2009, 21:40
Avatar de deirdre  
Fecha de Ingreso: mayo-2009
Mensajes: 690
Antigüedad: 8 años, 7 meses
Puntos: 44
Respuesta: Solucion espacios interlineado IE7 y Firefox

Comparto la opinión de pitufoweb. El código necesita mucho orden y limpieza. Al intentar buscar la solución que ofrecí dos posts más arriba, lo pasé por el validador y marcaba 80 errores. Si tienes tiempo, NaRanJiTo78 es interesante que vayas limpiando y arreglando cosas, mientras tanto (por si tienes que presentar algo al cliente) usa la solución de arriba: eso te arregla el posicionado de la imagen-viñeta respecto al texto y la interlínea con la siguiente leyenda (ese arreglo funciona en todos los navegadores).

Bye
  #7 (permalink)  
Antiguo 05/10/2009, 02:22
Avatar de NaRanJiTo78  
Fecha de Ingreso: noviembre-2007
Ubicación: In the BeaCh
Mensajes: 874
Antigüedad: 10 años, 1 mes
Puntos: 10
Respuesta: Solucion espacios interlineado IE7 y Firefox

Muchisimas gracias, deirdre y pitufoweb!!

Me pondré con ello lo antes posible, simplemente buscaba una solución temporal para presentar y una vez antes de publicar en el dominio hacer la limpieza masiva.

Cita:
Iniciado por pitufoweb Ver Mensaje
Hola NaRanJiTo78.

Bueno, te apuesto a que estas creando la pagina con algún editor tipo FrontPage.
Utilizo Dreamweaver(Ya que empecé a hacer paginas como diseñador y me parecía muy grafica la interfaz, a pesar de que me da muchos problemas de validación CSS, y xhtml al utilizar flash y javascript), aunque estoy aprendiendo ahora poco a poco a hacerlo con el notepad++, con "código sano".........

Gracias por los consejos!!Voy a intentar solucionar esto.

Saludos!!
  #8 (permalink)  
Antiguo 05/10/2009, 05:20
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: Solucion espacios interlineado IE7 y Firefox

Y de paso <p><&nbsp;></p> es erróneo: la entidad &nbsp; representa un espacio en blanco, y no necesita los ángulos, que darán un error, siendo la forma correcta:

<p>&nbsp;</p>

De todos modes, no uses eso para marcar el espacio entre párrafos, además de que ese error demuestra que no has hecho ni caso a mi recomendación de empezar a aprender un poco de HTML (porque eso de los ángulos estará en las primeras lecciones).

En fin, saludos.
  #9 (permalink)  
Antiguo 05/10/2009, 05:28
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Solucion espacios interlineado IE7 y Firefox

Cita:
Iniciado por mikmoro Ver Mensaje
no has hecho ni caso a "la reiterada" recomendación de empezar a aprender un poco de html "(y css)".

En fin, saludos.
+1
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #10 (permalink)  
Antiguo 05/10/2009, 05:51
Avatar de NaRanJiTo78  
Fecha de Ingreso: noviembre-2007
Ubicación: In the BeaCh
Mensajes: 874
Antigüedad: 10 años, 1 mes
Puntos: 10
Sonrisa Respuesta: Solucion espacios interlineado IE7 y Firefox

Cita:
Iniciado por Mikmoro Ver Mensaje
Y de paso <p><&nbsp;></p> es erróneo: la entidad &nbsp; representa un espacio en blanco, y no necesita los ángulos, que darán un error, siendo la forma correcta:

<p>&nbsp;</p>
Lo he escrito mal por aqui, no me di cuenta, a las 3 de la mañana uno ya no sabe lo que escribe... en la prueba de la web estaba escrito correctamente

Última edición por NaRanJiTo78; 05/10/2009 a las 06:00
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 13:25.