alineacion de tabla css.

trevol · #1 (**permalink**) 22/10/2009, 07:08

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>

jomaruro · #2 (**permalink**) 22/10/2009, 14:05

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.

trevol · #3 (**permalink**) 22/10/2009, 14:27

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.

jomaruro · #4 (**permalink**) 23/10/2009, 15:10

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.

trevol · #5 (**permalink**) 24/10/2009, 01:50

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.