Foros del Web » Creando para Internet » CSS »

problema con border-colapse:colapse;

Estas en el tema de problema con border-colapse:colapse; en el foro de CSS en Foros del Web. 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. ...
  #1 (permalink)  
Antiguo 22/08/2003, 17:25
Avatar de Maycol  
Fecha de Ingreso: diciembre-2001
Ubicación: Ávila (España)
Mensajes: 539
Antigüedad: 16 años
Puntos: 0
problema con border-colapse:colapse;

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.
__________________
Zepsilon.com
Diseño e imaginacion
  #2 (permalink)  
Antiguo 23/08/2003, 12:05
Avatar de ferny
Il capo della mafia
 
Fecha de Ingreso: febrero-2002
Ubicación: Al final del cable
Mensajes: 10.080
Antigüedad: 15 años, 9 meses
Puntos: 54
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
__________________
www.mundodivx.com || www.mundodivx.org

Pon tu mano en un horno caliente durante un minuto y te parecerá una hora.
Siéntate junto a una chica preciosa durante una hora y te parecerá un minuto.
Eso es la relatividad.
  #3 (permalink)  
Antiguo 23/08/2003, 17:38
Avatar de Maycol  
Fecha de Ingreso: diciembre-2001
Ubicación: Ávila (España)
Mensajes: 539
Antigüedad: 16 años
Puntos: 0
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 :?
__________________
Zepsilon.com
Diseño e imaginacion
  #4 (permalink)  
Antiguo 23/08/2003, 23:15
 
Fecha de Ingreso: agosto-2003
Mensajes: 499
Antigüedad: 14 años, 4 meses
Puntos: 1
qué llamas el borde de la derecha ? Danos un ejemplo de código
__________________
Plaza Mozilla
http://www.chevrel.org/es/noticias/
  #5 (permalink)  
Antiguo 24/08/2003, 05:55
Avatar de Maycol  
Fecha de Ingreso: diciembre-2001
Ubicación: Ávila (España)
Mensajes: 539
Antigüedad: 16 años
Puntos: 0
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 :/
__________________
Zepsilon.com
Diseño e imaginacion
  #6 (permalink)  
Antiguo 24/08/2003, 10:17
 
Fecha de Ingreso: agosto-2003
Mensajes: 499
Antigüedad: 14 años, 4 meses
Puntos: 1
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...)
__________________
Plaza Mozilla
http://www.chevrel.org/es/noticias/
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 08:58.