Problemas con Firefox

Reynier · #1 (**permalink**) 13/10/2005, 20:20

Hola:
Tengo el siguiente codigo:

Código HTML:

<table width="100%"  border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td colspan="2" class="leftalign"><a href="index.php"><img src="themes/images/grmnet_r1_c1.gif" class="cursor img align" border="0" /></a></td>
            <td width="393">
                <object data="themes/images/fla_1.swf" width="198" height="97">
                    <param name="movie" value="themes/images/fla_1.swf" />
                    <param name="Menu" value="0" />
                    <param name="quality" value="high">
                </object>
            </td>
          </tr>
          <tr>
            <td colspan="2" class="leftalign"><a href="index.php"><img src="themes/images/grmnet_r2_c1.gif"  border="0" /></a><a href="historia.php"><img src="themes/images/grmnet_r2_c2.gif" alt="Historia de los Joven Club en la Provincia Granma" border="0" /></a><a href="objetivos.php"><img src="themes/images/grmnet_r2_c3.gif" alt="Objetivos que persiguen nuestras instalaciones en la Provincia" border="0" /></a><a href="eventos.php"><img src="themes/images/grmnet_r2_c4.gif" alt="Eventos que se llevan a cabo en nuestras instalaciones" border="0" /></a><a href="cursos.php?opt=mostrar&amp;cual=todos"><img src="themes/images/grmnet_r2_c6.gif" alt="Cursos que se imparten en nuestras instalaciones" border="0" /></a></td>
            <td>{$smarty.now|date_format:"%d de %B de %Y"}</td>
          </tr>
          <tr>
            <td colspan="2" class="leftalign"><a href="index.php"><img src="themes/images/grmnet_r3_c1.gif" border="0" /></a></td>
            <td>&nbsp;</td>
          </tr>
          <tr>
            <td colspan="2" class="leftalign"><a href="index.php"><img src="themes/images/grmnet_r4_c1.gif"  border="0" /></a><img src="themes/images/{$cartel|default:'noticias.gif'}"  border="0" /><img src="themes/images/grmnet_r4_c4.gif"  border="0" /></td>
            <td><img src="themes/images/grmnet_r4_c8.gif" width="170" height="45" /></td>
          </tr>
        </table>

en IEXplore todo funciona a la perfeccion, pero en Firefox entre imagen e imagen se inserta una linea blanca y no se la causa de la misma. Alguna idea? Vea el ejemplo en la URL de mi firma. Abranlo con IE y luego con Firefox y verán lo que digo.

Salu2

leoj90 · #2 (**permalink**) 13/10/2005, 20:51

Te falta la etiqueta "EMBED", lo mismo sucederia en Netscape y no se si en Opera o cualquier otro navegador.. Así creo q ya sirve

Reynier · #3 (**permalink**) 13/10/2005, 21:18

El problema no es con el objeto Flash. Lo tengo puesto así porque el sitio esta desarrollado respetando los estandares de la W3C para XHTML 1.0. El problema es con las imagenes.

Salu2 y gracias por responder

leoj90 · #4 (**permalink**) 13/10/2005, 21:23

Jaja ok, hoy no se q tengo o no leo bien o no entiendo, jaja..
Bueno, podrías poner una imagen de las 2 imagenes q dices q tienen lalinea esa q dices?, haber si se cual es el problema..

Reynier · #5 (**permalink**) 13/10/2005, 21:27

Podrías explicar un poco mejor que es lo que me dices ??

Salu2

leoj90 · #6 (**permalink**) 13/10/2005, 21:38

En tu pagina, donde ves q están las imágenes y aparece esa línea q dices, apreta IMPR PAINT PETSIS, abres Paint y pones Ctrl+V, despues lo guardas y la pones aqui.. (subes la imagen a: www.imageshack.us y aqui pones el link de la imagen)

webosiris · #7 (**permalink**) 14/10/2005, 10:42

yo hago el trabajo por el

PD: en opera también se ven las líneas... intentá ponerle margin:0 a las imagenes...
PD2: te falta el archivo grmnet_r2_c2.gif (Botón Historia en el menú)

Reynier · #8 (**permalink**) 14/10/2005, 11:56

Estoy tratando de que mi web quede validada por la W3C cumpliendo con los estandates XHTML 1.0. Entonces creo que la propiedad margin no es admitida por elementos IMG. Mira el link debajo:
http://www.w3.org/TR/REC-html40/struct/objects.html

Salu2 y gracias por responderme

webosiris · #9 (**permalink**) 14/10/2005, 12:02

hacelo con CSS...

Reynier · #10 (**permalink**) 14/10/2005, 12:05

Me podrías poner algun ejemplo. Recién comienzo con esto de CSS y DIV.

Salu2

baccxus · #11 (**permalink**) 14/10/2005, 12:50

img {
border: 0px!important;
}

saludos.

PD: El important es por si acaso, es que soy un poco paranoico! jejeje

Reynier · #12 (**permalink**) 14/10/2005, 13:33

Lo tengo puesto asi en el fichero CSS

Código HTML:

p img {margin: 5px; text-align: justify; border: 0 !important; } /* espacio entre el texto y la imagen */
img.right {float:right; text-align: justify !important;  padding-left:4px; } /* Para alinear a la derecha */
img.left {float:left; text-align: justify !important; padding-right:4px; } /* Para alinear a la izquierda */
img.align { vertical-align: middle; }

pero no me funciona.

programeitor · #13 (**permalink**) 15/10/2005, 08:23

¿esta puesta la imagen dentro de un <p>....<img .....>....</p>?

Reynier · #14 (**permalink**) 15/10/2005, 08:26

No, no esta puesta

baccxus · #15 (**permalink**) 15/10/2005, 10:47

por eso ponla como te la postee (que aparte no te cuesta nada), así ninguna imagen tendrá borde y cumplirá con los estándares, además le puedes agregar cualquier clase después.

Saludos,

Reynier · #16 (**permalink**) 15/10/2005, 12:54

Ya solucione el problema.
Muchas gracias

PascalC · #17 (**permalink**) 15/10/2005, 20:18

td img {display:block;}

o

td img {vertical-align:bottom;}

Reynier · #18 (**permalink**) 16/10/2005, 19:32

Gracias PascalC. Me funciono con la segunda opcion.

Salu2

axiertxo · #19 (**permalink**) 17/10/2005, 07:53

un cosejito cunado uses un padding-bottom:0px , usa tambien el respectivo margin-bottom=0px ya que en explorer y firefox no funciona poniendo uno solo.

con aber puesto <img style="padding:0px; margin:0px;"> basataria