Solucion espacios interlineado IE7 y Firefox

[NaRanJiTo78]

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!

[NaRanJiTo78]

Nadie me puede ayudar?

[NaRanJiTo78]

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:

<!--[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?

[deirdre]

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

[pitufoweb]

Iniciado por NaRanJiTo78

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

[deirdre]

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

[NaRanJiTo78]

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.

Iniciado por pitufoweb

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!!

[Mikmoro]

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.

[kseso?]

Iniciado por mikmoro

no has hecho ni caso a "la reiterada" recomendación de empezar a aprender un poco de html "(y css)".

En fin, saludos.

+1

[NaRanJiTo78]

Iniciado por Mikmoro

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