Foros del Web » Creando para Internet » HTML »

[SOLUCIONADO] Tabla centrada

Estas en el tema de Tabla centrada en el foro de HTML en Foros del Web. Hola buen día! Tengo una web, en la que en una de sus páginas hay una tabla. Hice un DIV aparte para poder ponerla, le ...
  #1 (permalink)  
Antiguo 02/05/2013, 08:18
Avatar de LosPiojos  
Fecha de Ingreso: enero-2013
Ubicación: Avellaneda, Buenos Aires
Mensajes: 77
Antigüedad: 11 años, 10 meses
Puntos: 1
Tabla centrada

Hola buen día!
Tengo una web, en la que en una de sus páginas hay una tabla. Hice un DIV aparte para poder ponerla, le agregué la propiedad para que esté centrada pero no lo logro.. Dejo el código, a ver si pueden ayudarme.
Estoy usando lightbox, por las dudas.

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>
<script src="js/jquery-1.7.2.min.js"></script>
<script src="js/lightbox.js"></script>
<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
<link href="css/lightbox.css" rel="stylesheet" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>.: Aturquezados :.</title>
</head>

<body>
<div id="logo"><img src="logo aturquezados 1.png" width="411" height="129" /></div>
<div id="contenedor">
  <div id="botonera">
    <object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="700" height="100">
      <param name="movie" value="BOTONERA.swf" />
      <param name="quality" value="high" />
      <param name="wmode" value="opaque" />
      <param name="swfversion" value="6.0.65.0" />
      <!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
      <param name="expressinstall" value="Scripts/expressInstall.swf" />
      <!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
      <!--[if !IE]>-->
      <object type="application/x-shockwave-flash" data="BOTONERA.swf" width="700" height="100">
        <!--<![endif]-->
        <param name="quality" value="high" />
        <param name="wmode" value="opaque" />
        <param name="swfversion" value="6.0.65.0" />
        <param name="expressinstall" value="Scripts/expressInstall.swf" />
        <!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
        <div>
          <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
          <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
        </div>
        <!--[if !IE]>-->
      </object>
      <!--<![endif]-->
    </object>
  </div>
  <div id="tabla">
    <table width="200" border="0" cellpadding="5" cellspacing="5">
      <tr>
        <td><a href="FOTOS_EDITADAS\ATURQUEZADOS_EN_ACCION/1.JPG" rel="lightbox[roadtrip]" title="Alhajero con lámina de decoupage Florcitas lila."><img src="FOTOS_EDITADAS\ATURQUEZADOS_EN_ACCION/1.JPG" width="223" height="173" /></a></td>
        <td><a href="FOTOS_EDITADAS\ATURQUEZADOS_EN_ACCION/2.JPG" rel="lightbox[roadtrip]" title="Alhajero con lámina de decoupage Rococo."><img src="FOTOS_EDITADAS\ATURQUEZADOS_EN_ACCION/2.JPG" width="223" height="173" /></td>
        <td><a href="FOTOS_EDITADAS\ATURQUEZADOS_EN_ACCION/3.JPG" rel="lightbox[roadtrip]" title="Bandeja con lámina de decoupage Cupcakes y Corazones y laterales con vinilo Lunares ch. rosa."><img src="FOTOS_EDITADAS\ATURQUEZADOS_EN_ACCION/3.JPG" width="223" height="173" /></td>
      </tr>
      <tr>
        <td>Alhajero con lámina de decoupage Florcitas lila.</td>
        <td>Alhajero con lámina de decoupage Rococo.</td>
        <td>Bandeja con lámina de decoupage Cupcakes y Corazones y laterales con vinilo Lunares ch. rosa.</td>
      </tr>
      <tr>
        <td><a href="FOTOS_EDITADAS\ATURQUEZADOS_EN_ACCION/4.JPG" rel="lightbox[roadtrip]" title="Bandeja con lámina de decoupage Love cupcakes y terminación de vidrio líquido."><img src="FOTOS_EDITADAS\ATURQUEZADOS_EN_ACCION/4.JPG" width="223" height="173" /></td>
        <td><a href="FOTOS_EDITADAS\ATURQUEZADOS_EN_ACCION/5.JPG" rel="lightbox[roadtrip]" title="Bandeja con vinilo Arbol 2 y Mix de lunares rojos."><img src="FOTOS_EDITADAS\ATURQUEZADOS_EN_ACCION/5.JPG" width="223" height="173" /></td>
        <td><a href="FOTOS_EDITADAS\ATURQUEZADOS_EN_ACCION/6.JPG" rel="lightbox[roadtrip]" title="Caja con lámina de decoupage Flower Power."><img src="FOTOS_EDITADAS\ATURQUEZADOS_EN_ACCION/6.JPG" width="223" height="173" /></td>
      </tr>
      <tr>
        <td>Bandeja con lámina de decoupage Love cupcakes y terminación de vidrio líquido.</td>
        <td>Bandeja con vinilo Arbol 2 y Mix de lunares rojos.</td>
        <td>Caja con lámina de decoupage Flower Power.</td>
      </tr>
    </table>
  </div>
  <p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
</div>
<script type="text/javascript">
<!--
swfobject.registerObject("FlashID");
//-->
</script>
</body>
</html> 
  #2 (permalink)  
Antiguo 02/05/2013, 09:42
Avatar de Triby
Mod on free time
 
Fecha de Ingreso: agosto-2008
Ubicación: $MX->Gto['León'];
Mensajes: 10.106
Antigüedad: 16 años, 4 meses
Puntos: 2237
Respuesta: Tabla centrada

Aplica los estilos a la tabla, no es necesario crearle un contenedor (AKA div)

Ejemplo:

Código HTML:
Ver original
  1. <table id="tabla">
  2. <tr>
  3.     <td>Contenido de la tabla</td>
  4. </tr>

Código CSS:
Ver original
  1. #tabla {
  2.     margin:0 auto;
  3. }

En margin, el primer parámetro es para margen superior e inferior y el segundo para derecho e izquierdo, si está en auto, la tabla quedará centrada.
__________________
- León, Guanajuato
- GV-Foto
  #3 (permalink)  
Antiguo 02/05/2013, 10:09
Avatar de LosPiojos  
Fecha de Ingreso: enero-2013
Ubicación: Avellaneda, Buenos Aires
Mensajes: 77
Antigüedad: 11 años, 10 meses
Puntos: 1
Respuesta: Tabla centrada

Sigue quedando para el costado haciéndolo así :(
  #4 (permalink)  
Antiguo 02/05/2013, 10:26
Avatar de Triby
Mod on free time
 
Fecha de Ingreso: agosto-2008
Ubicación: $MX->Gto['León'];
Mensajes: 10.106
Antigüedad: 16 años, 4 meses
Puntos: 2237
Respuesta: Tabla centrada

Muestra tu código CSS para no hacerle al adivino... no se me da muy bien que digamos.
__________________
- León, Guanajuato
- GV-Foto
  #5 (permalink)  
Antiguo 02/05/2013, 13:30
Avatar de LosPiojos  
Fecha de Ingreso: enero-2013
Ubicación: Avellaneda, Buenos Aires
Mensajes: 77
Antigüedad: 11 años, 10 meses
Puntos: 1
Respuesta: Tabla centrada

Ya pude! Tenía mal escrito "margin", lo tenía como "magrin" jajajaja.
Gracias!

Etiquetas: centrada, css, javascript, link, página, tabla
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 00:08.