problema con border-colapse:colapse;

[Maycol]

hola.
estoy usando "border-colapse:colapse;" pero si pongo esto el borde de la derecha tambien definido en CSS no sale, a ver si me podeis ayudar.


Saludos.

[ferny]

border-collapse da algunos problemas de compatibilidad de navegadores, hay otra forma creo que mejor y que funciona sin problemas.

Si p. ej. quieres un borde fino de color rojo usarías esto:

style="border: 1px solid #FF0000"

Con ello defines el estilo de los 4 bordes de la tabla o celda. Luego puedes jugar con border-top, border-bottom, border-left y border-right para definir el estilo de un único borde:

style="border-top: 1px solid #FF0000; border-left: 1px solid #FF0000"

Espero que te sirva

[Maycol]

eso ya lo se pero asi no consigo el efecto ke keria eso es para los bordes pero lso bordes no me los pega... entendeis :?

[PascalC]

qué llamas el borde de la derecha ? Danos un ejemplo de código

[Maycol]

STYLOS:

/* Sección GENERALES */
.seccion_tabla {font:8pt #000000;font-family:Verdana;width:746px;margin:0px;border-collapse: collapse;}
.seccion_td_cabecera {font:bold 8pt;color:#EAAC18;font-family:Verdana;height:16;background: url(themes/beta2/images/index_03.png)}
.seccion_td_contenido1 {border-right:solid 1px #EAAC18;border-left:solid 1px #EAAC18;background: url(themes/beta2/images/fondo.png);font:8pt ;color:#ffffff;font-family:Verdana;}
.seccion_td_pie {background: #23353F;border-right:solid 1px #EAAC18;border-left:solid 1px #EAAC18;font:8pt;color:#ffffff;font-family:Verdana;}


TABLA:

<table width=100% class="seccion_tabla">
<tr>
<td class="seccion_td_cabecera" colspan=2>cabecera</td>
</tr>
<tr>
<td width=97% valign=top class="seccion_td_contenido1">
<blockquote>contenido</blockquote>
</td>
</tr>
<tr>
<td class="seccion_td_pie" align=right>
pie
</td>
</tr>
</table>



En este ejemplo el borde derecho no se muestra :/

[PascalC]

El problema no es el CSS sino tu HTML :

.seccion_tabla {
font: 8pt #000000;
font-family: Verdana;
width: 746px;
margin: 0;
border-collapse: collapse;
}
.seccion_td_cabecera {
font: bold 8pt;
color: #EAAC18;
font-family: Verdana;
height: 16;
background: url(themes/beta2/images/index_03.png);
}
.seccion_td_contenido1 {
border-right: 1px solid #EAAC18;
border-left: 1px solid #EAAC18;
background: url(themes/beta2/images/fondo.png);
font: 8pt;
font-family: Verdana;
vertical-align:top;
width:97%;
}
.seccion_td_pie {
background: #23353F;
border-right: 1px solid #EAAC18;
border-left: 1px solid #EAAC18;
font: 8pt;
color: #ffffff;
font-family: Verdana;
text-align:right;
}

<table class="seccion_tabla">
<tr>
<td class="seccion_td_cabecera">cabecera</td>
</tr>
<tr>
<td class="seccion_td_contenido1">contenido</td>
</tr>
<tr>
<td class="seccion_td_pie">pie</td>
</tr>
</table>


No deberías mezclar atributos de estilo HTML y CSS, y tampoco necesitabas una tabla que no sirven para colocar trozos de página sino para mostrar datos tabulares (lista de precios, calendario...)