Foros del Web » Creando para Internet » HTML »

borde de tabla demasiado ancho

Estas en el tema de borde de tabla demasiado ancho en el foro de HTML en Foros del Web. hola a todos, me gustaria saber como hacer para que en mis tablas se muestre un borde lo mas fino posible. cuando le pongo de ...
  #1 (permalink)  
Antiguo 01/06/2010, 19:00
 
Fecha de Ingreso: abril-2010
Mensajes: 37
Antigüedad: 7 años, 7 meses
Puntos: 0
borde de tabla demasiado ancho

hola a todos, me gustaria saber como hacer para que en mis tablas se muestre un borde lo mas fino posible.

cuando le pongo de borde "1" se muestra el borde pero sigue siendo demasiado ancho y alguna vez he visto tablas con bordes bastante mas delgados pero nose como hacer para que aparezca asi..

tambien busque en css pero no encontre nada..alomejor no busque bien.

¿Qué puedo hacer?
  #2 (permalink)  
Antiguo 01/06/2010, 19:21
Avatar de zutzu  
Fecha de Ingreso: mayo-2010
Ubicación: Lima
Mensajes: 43
Antigüedad: 7 años, 6 meses
Puntos: 2
Respuesta: borde de tabla demasiado ancho

algunos lo hacen así...

Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento</title>
<style type="text/css">
table td{background:#FFF;}
table { background:#000;}
</style>
</head>

<body>
<table width="50%" cellspacing="1">
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
</body>
</html> 
  #3 (permalink)  
Antiguo 01/06/2010, 19:25
 
Fecha de Ingreso: abril-2010
Mensajes: 37
Antigüedad: 7 años, 7 meses
Puntos: 0
Respuesta: borde de tabla demasiado ancho

voy a probar a ver
  #4 (permalink)  
Antiguo 01/06/2010, 19:41
 
Fecha de Ingreso: abril-2010
Mensajes: 37
Antigüedad: 7 años, 7 meses
Puntos: 0
Respuesta: borde de tabla demasiado ancho

en mi caso ese metodo no sirve.. quiza debi esplicarme bien desde el principio.

tengo 2 tablas, una de ellas de una sola fila y columna contiene a la otra con varias columnas.

esto lo hago asi porque quiero que solo se muestre el borde exterior en vez de el borde de cada celda, en las celdas tengo puesta una imagen semitransparente que deja entrever el fondo y al poner en la tabla contenedora el fondo negro.. se malogra la imagen.

alguna otra solucion?

Última edición por zeico0; 01/06/2010 a las 19:54
  #5 (permalink)  
Antiguo 01/06/2010, 20:14
Avatar de zutzu  
Fecha de Ingreso: mayo-2010
Ubicación: Lima
Mensajes: 43
Antigüedad: 7 años, 6 meses
Puntos: 2
Respuesta: borde de tabla demasiado ancho

mm no termino de entender, si solo quieres un borde exterior a tu tabla, o que cada celda tenga borde?
en todo caso puedes jugar con la propiedad "border"

Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento</title>
<style type="text/css">
.tabla2 {border-top:1px solid black;border-left:1px solid black;}
.tabla2 td{border-right:1px solid black;border-bottom:1px solid black;}
</style>
</head>

<body>
<table class="tabla2" width="100%" cellspacing="0">
         <tr>
          <td>&nbsp;</td>
          <td>&nbsp;</td>
          </tr>
          <tr>
         <td>&nbsp;</td>
        <td>&nbsp;</td>
     </tr>          
</table>
</body>
</html> 
ahí no afectaría a tu imagen.
hubiera sido mejor que dejes tu html.
  #6 (permalink)  
Antiguo 01/06/2010, 20:58
 
Fecha de Ingreso: abril-2010
Mensajes: 37
Antigüedad: 7 años, 7 meses
Puntos: 0
Respuesta: borde de tabla demasiado ancho

ya encontre la solucion siguiendo tu idea de jugar con el css.. aveces la tenemos delante y no la vemos xD

era asi de sencillo

Código HTML:
.tablacontenedora {
 	border:1px;
 	border-style:solid;
 	border-color:#000;
	background-image:url(images/fondotable-trans.png)	
	}
  #7 (permalink)  
Antiguo 01/06/2010, 21:13
Avatar de zutzu  
Fecha de Ingreso: mayo-2010
Ubicación: Lima
Mensajes: 43
Antigüedad: 7 años, 6 meses
Puntos: 2
Respuesta: borde de tabla demasiado ancho

puedes ganar un poquito mas de bytes

Código HTML:
.tablacontenedora {
 	border:1px solid #000;
	background-image:url(images/fondotable-trans.png)	
	}
y yo que pensaba que querías tener todo con bordes, incluido celdas U.U
  #8 (permalink)  
Antiguo 01/06/2010, 21:28
 
Fecha de Ingreso: abril-2010
Mensajes: 37
Antigüedad: 7 años, 7 meses
Puntos: 0
Respuesta: borde de tabla demasiado ancho

Lo que queria es tener solo un borde exterior, por eso lo de usar 2 tablas.. una tabla A dentro de otra tabla B para organizar con margenes y todo bien en su sitio y la tabla B con un fondo semitransparente y un borde lo mas delgado posible, cosas de estetica xD

pero aun asi me guardo la primera idea que me diste.. que puede servirme para mas de una ocasion, esta bien pensada.

Gracias por todo y buenas noches que me voy a la cama xD

Etiquetas: ancho, tablas, bordes
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:00.