Cellspacing

[AlexCollado]

Hola,

Mi idea era la siguiente:

Tengo una imagen, dividida en 2 partes, la de arriba y la de abajo. Pues bien, en la 1ª fila de una tabla meti la parte de arriba y en la de abajo quiero hacer un "menu" con enlaces y q ese menu tenga como imagen de fondo la parte de abajo de la figura en cuestion.

El tema es q con el mozilla perfecto, no hay separacion entre celdas xq le puse cellspacing = "0", pero en el explorer se ve una pequeña linea blanca que hace q todo sea inutil...

Alguna sugerencia??

[AlvaroG]

¿border=0?
¿cellpading=0?

Probá algunos de esos atributos, quizás te sirva.

Y pensá en hacerlo con CSS, tenés mejor control


Saludos.

[AlexCollado]

cellpadding="0" cellspacing="0" BORDER="0" todo ello esta puesto en los atributos de la tabla. Si ya te digo q en mozilla va bien... pero en explorer sale una linea fina blanca q hace q claro, no quede como debe.

Adjunto el codigo para q puedas ver... tanto el HTML como la clase CSS

<table align="center" cellpadding="0" cellspacing="0" BORDER="0" summary="Pie de la pagina">
<tr>
<td>
<IMG SRC="img/pieCasa.jpg" BORDER="0" ALT="Imagen superior del pie de la página">
</td>
<tr>
<td class="navbar-inferior1" align="right">
<table class="navbar-inferior1" cellspacing="0" cellpadding="0">
<tr>
<td><a class="navbar-inferior1" href="Nosotros.jsp" alt="Nosotros" title="Nosotros">Nosotros </a></td>
<td><a class="navbar-inferior1" href="mailto:[email protected]" alt="Contactenos" title="Contactenos">Contactenos</a></td>
<td><a class="navbar-inferior1" href="Privacidad.jsp" alt="Privacidad" title="Privacidad">Privacidad</a></td>
<td><a class="navbar-inferior1" href="Mapa.jsp" alt="Mapa" title="Mapa">Mapa</a></td>
</table>
</td>
</table>

a.navbar-inferior1:link, a.navbar-inferior1:visited {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.7em;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;

}

a.navbar-inferior1:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.7em;
font-weight: bold;
color: #40680F;
text-decoration: none;

}

td.navbar-inferior1 {
width: 50%;
height: 50%;
background: url(../img/pieMenu.jpg);
}

table.navbar-inferior1 {
width: 50%;
margin-right: 5em;
}

Muchisimas gracias...

[AlvaroG]

¿Pues no será que te falta el border=0 en la tabla anidada?

[AlexCollado]

No... no va... :( la verdad es q no se... ya os digo, con Mozilla perfect, con IE5 nada de nada... para el el cellspacing=0 implica un espacio de separacion mínimo o algo...

En teoria mi aplicación web debería ser accesible tanto desde IE como desde firefox... pero.. es q ya no se... si siguiendo las normas de HTML el tema va distinto en cada navegador... es un rompe cabezas...

Y ya no eso, sino q es q no se como hacer q la pequeña linea blanca de separación desaparezca!!!!

A ver si alguien sabe algo al respecto...

Podeis probar el código con imagenes q tengais por ahí.

Muchas gracias.

[AnsuR]

IE 5.0

Ahi tenes el problema. :P
Saludos.