Foros del Web » Creando para Internet » HTML »

Contenido centrado de tabla

Estas en el tema de Contenido centrado de tabla en el foro de HTML en Foros del Web. Buenas, Tenngo una tabla que muestra nombres y cargos, lo hice con dreamweaver y en este programa se ve centrado pero cuando lo veo ya ...
  #1 (permalink)  
Antiguo 01/08/2011, 19:39
Avatar de guidoms7  
Fecha de Ingreso: marzo-2011
Mensajes: 31
Antigüedad: 6 años, 4 meses
Puntos: 0
Contenido centrado de tabla

Buenas,

Tenngo una tabla que muestra nombres y cargos, lo hice con dreamweaver y en este programa se ve centrado pero cuando lo veo ya sea con firefox, safari o chrome no lo muestra centrado.

Utilizando css trate de centrarlo y al parecer se centra bien pero viendolo por el navegador no se ve bien.

CSS para centrar
Código HTML:
#centrartabla {
	font-family: tahoma;
	font-size:11px;
	line-height:13px;
	color:#454545;
	text-align: center;
}
HTML de la tabla
Código HTML:
<table width="399" border="1" cellspacing="0" cellpadding="0">
                    <tr>
                      <td width="210"><p><br>
                        <span id="centrartabla">Robin Wiscovitch, PhD, Biochemistry. </span></p></td>
                      <td width="183"><p><br>
                      <span id="centrartabla">President and CEO.</span></p></td>
                    </tr>
                    <tr>
                      <td><p><br><span id="centrartabla">Juan Valdes G.,PhD,Chemistry.</span></p></td>
                      <td><p><br><span id="centrartabla">Secretary and VP.</span></p></td>
                    </tr>
                    <tr>
                      <td><p><br><span id="centrartabla">Roy Mora, MD.</span></p></td>
                      <td><p><br>
                      <span id="centrartabla">Treasurer and Executive VP.</span></p></td>
                    </tr>
                    <tr>
                      <td><p><br>
                      <span id="centrartabla">Ken Frederick, Member.</span></p></td>
                      <td><p><br>
                      <span id="centrartabla">Distribution Director.</span></p></td>
                    </tr>
                  </table> 
Asi se ve acualmente:


Y asi se ve en dream weaver:


Saludos,
__________________
Costa Rica WOW!!
  #2 (permalink)  
Antiguo 01/08/2011, 19:48
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 10 años
Puntos: 1567
Respuesta: Contenido centrado de tabla

guidoms7:

si queres centra el contenido de las celdas de la tabla,

<td align="center" valign="middle">Contenido</td>
no necesitas el css (salvo por si queres darle algun color/color de fondo o aspecto a la fuente

Cuando uses id debes usar un identificador único para c/u, es decir no puede haber multiples id con el mismo nombre, para eso se usa class

<td align="center" valign="middle" class="cargos">Contenido</td>

En tu caso puntual, poner un <p> y un <span> dentro de la celda es algo redundante.

Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
  #3 (permalink)  
Antiguo 01/08/2011, 20:49
Avatar de ArturoGallegos
Colaborador
 
Fecha de Ingreso: febrero-2008
Ubicación: SLP, México
Mensajes: 5.711
Antigüedad: 9 años, 4 meses
Puntos: 918
Respuesta: Contenido centrado de tabla

compañero @emprear siento diferir, lo recomendable es usar css incluso para las tablas

esto me parece realmente complicado cuando necesitas hacer algun cambio
Cita:
<td align="center" valign="middle">Contenido</td>
dos o tres celdas esta bien pero imaginemos una larga tabla y varias paginas, cuanto código innecesario tendríamos, y si cambiamos de opinión y ya no lo queremos centrado?

compañero @guidoms7 le recomiendo asigne una ID o clase a la tabla

Código HTML:
Ver original
  1. <table id="tabla1">

y en su css coloque

Código CSS:
Ver original
  1. #tabla1{width:399px;border:none;border-collapse:collapse;}
  2. #tabla1 td{text-align:center;}
__________________
Toda ayuda se proporciona exclusivamente en el foro, no skype, no mensajes privados u otro medio....

Etiquetas: contenido, firefox, tabla, centrar
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 22:36.