Foros del Web » Creando para Internet » CSS »

Problemas con bordes en una tabla

Estas en el tema de Problemas con bordes en una tabla en el foro de CSS en Foros del Web. Buenas tardes amigos estoy ahorita en un proyecto de una tabla de ranking para nuestro foro... Trabajo con php y mysql para guardar registros y ...
  #1 (permalink)  
Antiguo 17/01/2010, 12:41
 
Fecha de Ingreso: diciembre-2006
Mensajes: 5
Antigüedad: 11 años
Puntos: 0
Problemas con bordes en una tabla

Buenas tardes amigos estoy ahorita en un proyecto de una tabla de ranking para nuestro foro... Trabajo con php y mysql para guardar registros y posteriormente mostrarlos dentro de una tabla. El problema surge principalmente con el border-collapse: collapse; En IE y Chrome andan perfecto pero en FF empieza a dar problemas.

Para no postearles todo el codigo del sitio posteo solo lo que interesa:

La tabla madre que contiene a todo es esta:

Código:
<table width="80%" align="center" class="back_table">
<tr><td colspan="12" class="titulo" align="center">Ranking Super PI 2M - Team Hardware Vzla</td></tr>
<tr height="20"></tr>
<tr><?php include("modulos/$pagina");?></tr>
<tr height="15"></tr>
<tr><td colspan="12" align="right"><span class="foot_error"><?PHP include ("admin/aut_mensaje_error.inc.php"); if (isset($_GET['error_login'])){ $error=$_GET['error_login']; echo "Error: $error_login_ms[$error]"; } ?></span> <a onclick="toggle_visibility('login');"><img src="img/lock-icon.png" border="0"/></a><br><br><div align="right" style="display:none;" id="login"><form action="admin/index.php" method="post">User: <input type="text" style="font-size: 10px" name="user" size="10"> Pass: <input type="password" style="font-size: 10px" name="pass" size="10"> <input type="submit" style="font-size: 10px" name="Submit" value="Enviar"></div></form></td></tr>
</table>
El estilo back_table que llamo en esa tabla es el siguiente:

Código:
.back_table
{
border-collapse: collapse;
background-color:#fafafa;
font-family: "Tahoma";
     font-weight: bold;
     font-size: 12px;
     color:#474644;
}
Y en la tabla maestra, en una de sus filas llamo a un codigo php que me muestra resultados

Código:
<tr><?php include("modulos/$pagina");?></tr>
En ese otro codigo le doy formato a las celdas de la siguiente forma:

Código:
<td class="borde_tabla"></td>
Donde el estilo borde_tabla es el siguiente:

Código:
.borde_tabla
{
padding: 4px;
border-width: 1px;
border-color: #22231e;
border-style: solid;
}

Tengo un sistema de paginacion que me muestra 20 registros por pagina. En firefox cuando abro el sitio me muestra la tabla formateada perfectamente, cuando cambio a la 2da pagina tambien aparece formateada.. Cuando regreso a la primera pagina se pierden los bordes.

http://spthv.hostoi.com/


Alguna idea de cual puede ser el problema?
  #2 (permalink)  
Antiguo 24/01/2010, 08:26
 
Fecha de Ingreso: diciembre-2006
Mensajes: 5
Antigüedad: 11 años
Puntos: 0
Respuesta: Problemas con bordes en una tabla

Solucionado.. Al final me olvide del asqueroso border-collapse: collapse; y utilize una solucion mas obvia: Se le da a la tabla un fondo de color negro por ejemplo y se colorean las celdas de color blanco y a las propiedades de la tabla se le da un cellspacing=1 entonces nuestro antes fondo negro de la tabla se convierte en nuestro borde finito negro...

Esta idea me la dio un amigo que le gusta mucho diseñar con tablas. Gracias de todas formas. Pueden cerrar esto por aca

Etiquetas: bordes, tablas
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 14:26.