Foros del Web » Creando para Internet » CSS »

alineacion de tabla css.

Estas en el tema de alineacion de tabla css. en el foro de CSS en Foros del Web. Hola amigos tengo l siguiente tabla y me gustaría alinearla con div teniendo encuenta que hay otros div y que la voy alinear respecto al ...
  #1 (permalink)  
Antiguo 22/10/2009, 08:08
 
Fecha de Ingreso: agosto-2008
Mensajes: 580
Antigüedad: 9 años, 4 meses
Puntos: 11
alineacion de tabla css.

Hola amigos tengo l siguiente tabla y me gustaría alinearla con div teniendo encuenta que hay otros div y que la voy alinear respecto al ultimo, es decir alineacion
relativa o posicion relativa pero no se como darle los valores ni en que etiqueta os dejo lo que tengo.
Código HTML:
<style type="text/css">
.t{ border-collapse: collapse; border:1px solid #ccc; }

.t td{ width: 40px; height: 40px;      border :3px solid #ccc; }
.t td:hover {background: #e0e0e0;   
color: #000;} 
   
      

</style>
</head>

<body>
<table class="t">
  <tr>
    <td> pppp</td>
    <td>pppppppp </td>
  </tr>
  <tr>
    <td>ppppppp </td>
    <td>ppppppp </td>
  </tr>
  <tr>
    <td>pppppp </td>
    <td>ppppppp </td>
  </tr>
  <tr>
    <td>pppppp </td>
    <td>pppppp </td>
  </tr>
  <tr>
    <td>ppppppp </td>
    <td>pppppp </td>
  </tr>
</table>

</body>
</html> 
  #2 (permalink)  
Antiguo 22/10/2009, 15:05
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: alineacion de tabla css.

Hola:

¿Y donde están los div's? ¿Qué tamaño tienen?

Citando a Mikmoro: No esperes que nadie haga más esfuerzo en responderte que el que hagas tú en preguntar.

Saludos.

  #3 (permalink)  
Antiguo 22/10/2009, 15:27
 
Fecha de Ingreso: agosto-2008
Mensajes: 580
Antigüedad: 9 años, 4 meses
Puntos: 11
Respuesta: alineacion de tabla css.

hola jomaruro
Cita:
Y donde están los div's? ¿Qué tamaño tienen?

Citando a Mikmoro: No esperes que nadie haga más esfuerzo en responderte que el que hagas tú en preguntar.

Saludos.
Perdon si los div eran necesarios lo que pasa es que solo tenia que saber lo que he investigado por mi cuenta que se hacen añadiendo a .t{marigin-top y margin-left}

pero es cierto deberia dejar el codigo y un poco explicado, lo haré la próxima vez. Ahora el promlema es con la anchura y altura fija de las celdas, dicen que hacerlo en la declaración general con en td( para todos los td) con table-layoud:fixed, no es recomendable entonces me gustaria hacerlo con cada celda, no solo por las dimensiones sino por un posible variedad de estilos en cada una imagenes ectr. Te pongo el código y a ver si me puedes orientar.
Código:
<style type="text/css">
.t{ margin-top:200px; margin-left:100px; border-collapse: collapse; border:1px solid #ccc; } */ con esto alineo y doy borbe y quito espacio entre las celdas/*

.t td{ width: 40px; height: 40px;      border :3px solid #ccc; } */con esto doy unas dimensiones generales a la celda/*
.t td:hover {background: #e0e0e0;  
color: #000;} */con esto el efecto de color al pasar el puntero del raton*/
   
 .td_1 { width:100px; heigth:100} */con esto quiero darle unas dimensiones a una celda en particular pero no debe ser así pue no mesale/*  

</style>
</head>

<body>
<table class="t">
  <tr>
    <td class=td_1> pppp</td>
    <td>pppppppp </td>
  </tr>
  <tr>
    <td>ppppppp </td>
    <td>ppppppp </td>
  </tr>
  <tr>
    <td>pppppp </td>
    <td>ppppppp </td>
  </tr>
  <tr>
    <td>pppppp </td>
    <td>pppppp </td>
  </tr>
  <tr>
    <td>ppppppp </td>
    <td>pppppp </td>
  </tr>
</table>

</body>
</html>
espero esta vez haber sido mas explicito. haber si aguien me ayuda.

Última edición por trevol; 22/10/2009 a las 15:59
  #4 (permalink)  
Antiguo 23/10/2009, 16:10
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: alineacion de tabla css.

Hola:

La solución es bastante más fácil de lo que parece y es un error de esos tontos que, muchas veces, tenemos a la vista y no vemos:

Tu código es este:

Código:
<style type="text/css">
.t{
    margin-top:200px;
    margin-left:100px;
    border-collapse: collapse;
    border:1px solid #ccc;
} */ con esto alineo y doy borbe y quito espacio entre las celdas/*

.t td{
    width: 40px;
    height: 40px;
    border :3px solid #ccc;
} */con esto doy unas dimensiones generales a la celda/*

.t td:hover {
    background: #e0e0e0;  
    color: #000;
} */con esto el efecto de color al pasar el puntero del raton*/
   
 .td_1 {
    width:100px;
    heigth:100
} */con esto quiero darle unas dimensiones a una celda en particular pero no debe ser así pue no mesale/*  
</style>
El error está marcado en rojo, la apertura de comentarios se hace así /* y se cierran así */, tú, primero las cierras y después las abres, sólo tienes que cambiarlas y ya habrás solucionado el problema.

Saludos.

  #5 (permalink)  
Antiguo 24/10/2009, 02:50
 
Fecha de Ingreso: agosto-2008
Mensajes: 580
Antigüedad: 9 años, 4 meses
Puntos: 11
Respuesta: alineacion de tabla css.

gracias jomaruro por tomarte tu tiempo pero en el codigo no hay comentarios los comentarios se los pongo aquí para que se entienda lo que quiero. De todas formas ya he aprendido ha hacer bién los comentarios. Gracias.
/* */ La cosa es que el código no me funciona y es tal como te lo comunico.

Esto me desanima bastante. Por lo menos no me encuentro desamparado. Así que ahí va karma. Un saludo. Y a ver si alguien me ayuda. ( lo que no me funciona es darle ancho y alto a cada celda en particular y fijar una dismensiones fijas sin que influya el contenido) es decir que el cntenido salga de la celda si pongo mas de la cuenta.

Última edición por trevol; 24/10/2009 a las 13:27
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 15:12.