Alinear Horizontalmente Tag Tbody

[pistonasos]

Hola a todos.Tengo una pregunta:¿se pueden alinear horizontalmente los tbody de una tabla?.Digo, para que queden uno al lado de otro.
Quizà sea algo ridìcula, pero no encuentro la manera y lo necesito urgente.
He provado con float:left pero no funka.
Muchas gracias de antemano y salu2.

[iovan]

Los tbody por defectos se alinian horizontalmente.

Bueno si puedes pegar tu código podremos ayudarte.

[pistonasos]

La estructura de mi HTML:
<center>
<table summary="Menu Desplegable." cellspacing="0px">
<thead summary="Sejillas De Menù">
<tr>
<th><i>Mi Desplegable1</i></th>
<td><input type="button" onclick="Despliega Contabla0"></td>
<th><i>Mi Desplegable2</i></th>
<td><input type="button" onclick="Despliega Contabla1"></td>
<th><i>Mi Desplegable3</i></th>
<td><input type="button" onclick="Despliega Contabla2"></td>
</tr>
</thead>

<tbody id="Contabla0">
<tr>
<td><input type="button" onclick="Enlace()" value="Mi Enlace1"></td>
<td><input type="button" onclick="Enlace()" value="Mi Enlace2"></td>
<td><input type="button" onclick="Enlace()" value="Mi Enlace3"></td>
<td><input type="button" onclick="Enlace()" value="Mi Enlace4"></td>
</tr>
</tbody>
<tbody id="Contabla1">
<tr>
<td><input type="button" onclick="Enlace()" value="Mi Enlace1"></td>
<td><input type="button" onclick="Enlace()" value="Mi Enlace2"></td>
<td><input type="button" onclick="Enlace()" value="Mi Enlace3"></td>
<td><input type="button" onclick="Enlace()" value="Mi Enlace4"></td>
</tr>
</tbody>
<tbody id="Contabla2">
<tr>
<td><input type="button" onclick="Enlace()" value="Mi Enlace1"></td>
<td><input type="button" onclick="Enlace()" value="Mi Enlace2"></td>
<td><input type="button" onclick="Enlace()" value="Mi Enlace3"></td>
<td><input type="button" onclick="Enlace()" value="Mi Enlace4"></td>
</tr>
</tbody>
</table>






Mi CSS Es:

*{padding:0 px;margin:0 px;border:0 px}
body{background:black}
table thead{color:gray;border-color:gray;border:1px solid;background-color:silver;text-decoration:none;float:left}
table tbody a{color:gray;border-color:gray;border:1px solid;background-color:silver;width:100%;text-decoration:none;float:left}
table tbody a:hover{color:silver;border-color:silver;border:1px solid;border-left:2px solid black;border-right:2px solid black;background-color:white}
table tbody a:active{color:white;border-color:gray;border:1px solid;background-color:silver}
table tbody{background-color:dimgray;border-left:2px solid darkgray;border-right:2px solid gray;width:25%}
.input{background-color:transparent}
#hora{background-color:transparent;color:black;margin-left:34%;text-align:center;width:65px;border-bottom:2px solid silver;border-left:2px solid gray;border-top:2px solid silver}
#fecha{background-color:transparent;color:black;margin-right:34%;text-align:center;width:65px;border-bottom:2px solid silver;border-right:2px solid gray;border-top:2px solid silver}
#campo1{color:dimgray;background-color:transparent;text-align:center}
table{width:99.9%}
table thead tr th{width:20%}
table tbody tr td{text-align:center}
table thead tr td{text-align:center;width:5%}
table thead tr td input{background-color:transparent;color:silver}
table tbody tr td input{background-color:transparent;color:gray}
#head tr th{text-align:center;color:darkgray;width:90%;background-color:dimgray}
#head tr td{width:5%;background-color:dimgray}
#contabla1{float:left}
#contabla0{float:left}

[iovan]

Hola amigo, estuve viendo tu código y no entiendo que es lo que quieres lograr con eso..

Si me pudiaras explicar cual es tu intencion

saludos.

[pistonasos]

Si, disculpa.Es ue estaba muy dormido y ni di explicaciones cuando puse todo mi còdigo.La cosa es esta:
Tengo una tabla con un thead, que serìa un menù desplegabvle y tengo un sòlo tbody que es el menù que despliega la primer pestaña del thead,no se si me explico.Ahora, lo que yo quiero, es tener varios tbody y que al pulstar la primer pestaña, el primer tbody se desppliegue, al pulsar la segunda pestaña, el segundo tbody se despliegue y asì....Mi problema es que cuando hago màs de un tbody en mi HTML, èste se me pone debajo del tbody anterior y no al lado.
Muchas gracias por responder,salu2¡¡

[iovan]

Hola amigo.

Hace un rato trate de responderte pero me hice bolas, y ahorita tambien jeje.

Bueno vamos a ver que es lo que esta pasando. Lo lógico sería decir que el CSS esta mal, sin embargo eso es dificil de saber ya que nos cuestra trabajo interpretar esas propiedades.


Pero hay algo muy importante que debes de saber, el comportamiento del tbody es el esperado, no es posible que se alinea de manera horizontal ya que estas trabajando con celdas de una tabla.

Lo que debes hacer es primero seguir una correcta estructura de la tabla. Si lo que quieres es que se alinien horizontalmente te recomiendo que trabajes con <td></td> y dentro de ellas pongas los <tbody>

Ejemplo. si tienes 3 menus que quieres colocar horizontalmente.

Código HTML:

<table>
 <tr>
  <td>Contenido 1</td>
  <td>Contenido 2</td>
  <td>Contenido 3</td>
  </tr>
 

Definiendo a contenido 1 como:

Código HTML:

<table>
<tbody id="Contabla0">
<tr>
<td><input type="button" onclick="Enlace()" value="Mi Enlace1"></td>
<td><input type="button" onclick="Enlace()" value="Mi Enlace2"></td>
<td><input type="button" onclick="Enlace()" value="Mi Enlace3"></td>
<td><input type="button" onclick="Enlace()" value="Mi Enlace4"></td>
</tr>
</tbody>
</table>
 

Lo que estamos haciendo con esto es, expresar cada tbody como una tabla independiente y despues insertar esto dentro de una celda diferente. De esta forma todos quedaran en una sola fila.

Por el momento es lo que se me ocurre.
Saludos.

[pistonasos]

Hola de nuevo, muchìsimas gracias, ya lo solucionè.Era cosa de penzar un poquito nomàs......jejejejej, que nabo de mi parte.
PD:Lo que hice fue lo siguiente:

Código:

<table summary="Menu Desplegable." cellspacing="0px">
   <thead>
      <tr>
         <th><i>Enlace 0</i></th>
          <td><input type="button" value="▼" onclick="visibilidad('contabla0')"/></td>
         <th><i>Enlace 01</i></th>
          <td><input type="button" value="▼" onclick="visibilidad('contabla01')"/></td>
 <th><i>Enlace 02</i></th>
          <td><input type="button" value="▼" onclick="visibilidad('contabla02')"/></td>
          <th><i>Enlace 03</i></th>
          <td><input type="button" value="▼" onclick="visibilidad('contabla03')"/></td>
      </tr>
   </thead>
<tr>
 <td colspan="1">
  <table cellspacing="0px" id="contabla0">
   <tbody>
   </tbody>
  </table>
 </td>
 <td></td>
 <td colspan="1">
  <table cellspacing="0px" id="contabla01">
   <tbody>
   </tbody>
  </table>
 </td>
 <td></td>
 <td colspan="1">
  <table cellspacing="0px" id="contabla02">
   <tbody>
   </tbody>
  </table>
 </td>
 <td></td>
 <td colspan="1">
  <table cellspacing="0px" id="contabla03">
   <tbody>
   </tbody>
  </table>
 </td>
 <td></td>
</tr>
</tbody>
</td>
</table>