Contenido centrado de tabla

[guidoms7]

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,

[emprear]

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

[ArturoGallegos]

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

esto me parece realmente complicado cuando necesitas hacer algun cambio

<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:

<table id="tabla1">
 

y en su css coloque

Código CSS:

#tabla1{width:399px;border:none;border-collapse:collapse;}
#tabla1 td{text-align:center;}