Foros del Web » Creando para Internet » HTML »

Alinear Horizontalmente Tag Tbody

Estas en el tema de Alinear Horizontalmente Tag Tbody en el foro de HTML en Foros del Web. 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, ...
  #1 (permalink)  
Antiguo 29/05/2010, 17:30
 
Fecha de Ingreso: julio-2009
Ubicación: La Plata
Mensajes: 233
Antigüedad: 8 años, 5 meses
Puntos: 8
Alinear Horizontalmente Tag Tbody

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.
  #2 (permalink)  
Antiguo 29/05/2010, 22:32
 
Fecha de Ingreso: septiembre-2007
Ubicación: PyRoot
Mensajes: 1.515
Antigüedad: 10 años, 2 meses
Puntos: 188
Respuesta: Alinear Horizontalmente Tag Tbody

Los tbody por defectos se alinian horizontalmente.

Bueno si puedes pegar tu código podremos ayudarte.
__________________
Si quieres agradecer el triangulo obscuro de la parte derecha debes presionar +.
  #3 (permalink)  
Antiguo 30/05/2010, 00:10
 
Fecha de Ingreso: julio-2009
Ubicación: La Plata
Mensajes: 233
Antigüedad: 8 años, 5 meses
Puntos: 8
Respuesta: Alinear Horizontalmente Tag Tbody

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}

Última edición por pistonasos; 30/05/2010 a las 12:44
  #4 (permalink)  
Antiguo 30/05/2010, 02:06
 
Fecha de Ingreso: septiembre-2007
Ubicación: PyRoot
Mensajes: 1.515
Antigüedad: 10 años, 2 meses
Puntos: 188
Respuesta: Alinear Horizontalmente Tag Tbody

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.
__________________
Si quieres agradecer el triangulo obscuro de la parte derecha debes presionar +.
  #5 (permalink)  
Antiguo 30/05/2010, 12:19
 
Fecha de Ingreso: julio-2009
Ubicación: La Plata
Mensajes: 233
Antigüedad: 8 años, 5 meses
Puntos: 8
Respuesta: Alinear Horizontalmente Tag Tbody

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¡¡
  #6 (permalink)  
Antiguo 30/05/2010, 20:15
 
Fecha de Ingreso: septiembre-2007
Ubicación: PyRoot
Mensajes: 1.515
Antigüedad: 10 años, 2 meses
Puntos: 188
Respuesta: Alinear Horizontalmente Tag Tbody

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:
Ver original
  1.  <tr>
  2.   <td>Contenido 1</td>
  3.   <td>Contenido 2</td>
  4.   <td>Contenido 3</td>
  5.   </tr>

Definiendo a contenido 1 como:

Código HTML:
Ver original
  1. <tbody id="Contabla0">
  2. <tr>
  3. <td><input type="button" onclick="Enlace()" value="Mi Enlace1"></td>
  4. <td><input type="button" onclick="Enlace()" value="Mi Enlace2"></td>
  5. <td><input type="button" onclick="Enlace()" value="Mi Enlace3"></td>
  6. <td><input type="button" onclick="Enlace()" value="Mi Enlace4"></td>
  7. </tr>

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.
__________________
Si quieres agradecer el triangulo obscuro de la parte derecha debes presionar +.
  #7 (permalink)  
Antiguo 06/06/2010, 00:35
 
Fecha de Ingreso: julio-2009
Ubicación: La Plata
Mensajes: 233
Antigüedad: 8 años, 5 meses
Puntos: 8
Respuesta: Alinear Horizontalmente Tag Tbody

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>

Etiquetas: alinear, horizontalmente, tag, tbody
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 07:12.