Ver Mensaje Individual
  #9 (permalink)  
Antiguo 01/11/2010, 07:07
Anonimo12
 
Fecha de Ingreso: abril-2009
Ubicación: En foros del web, normalmente en Web general, HTML y CSS.
Mensajes: 258
Antigüedad: 15 años
Puntos: 3
Respuesta: Me surje el mismo problema con celdas

Buenas, he mirado lo que me has dicho y encontré el código:

Código:
.art-PostHeader
{
	text-decoration:none;
	margin: 0.2em 0;
	padding: 0;
	font-weight:normal;
	font-style:normal;
	letter-spacing:normal;
	word-spacing:normal;
	font-variant:normal;
	text-decoration:none;
	font-variant:normal;
	text-transform:none;
	text-align:left;
	text-indent:0;
	line-height:inherit;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 22px;
font-style: normal;
font-weight: bold;
text-align: center;
	color: #000000;
}
Sin embargo como verás en la primera línea que marco ya estaba definido que se alineara el texto a la izquierda mientras que en la segunda aunque lo cambie por "text-align: left;" sigue sin alinearse el texto de las celdas (aunque creo que este código que me has señalado no habla de las celdas sino del texto de la entrada en si).

Gracias por el tiempo dedicado, espero más ideas, saludos.

Edito:

Me he dado cuenta de una pequeña cosa; usando una tabla de celdas con <td></td> no me surje ese problema, el texto de la celda se alinea a la izquierda de forma normal y sin embargo si pongo etiquetas para centrarlo no funcionan:

Código:
<table border="2" summary="Tabla">
<tr>
<td width="645" height="30"" style="cursor: pointer;" onclick="this.getElementsByTagName('div')[0].style.display=((this.getElementsByTagName('div')[0].style.display=='none')?'':'none');">Capitulo 1<br /><div style="display:none;"><br />


<ul class="tabs">
<li><a href="#tab1">Japonés Sub. Esp.</a></li>
<li><a href="#tab2">Español de España</a></li>
<li><a href="#tab3">Español latino</a></li>
</ul>
<div class="tab_container">
<div id="tab1" class="tab_content">
En proceso.
</div>
<div id="tab2" class="tab_content">
En proceso.
</div>
<div id="tab3" class="tab_content">
En proceso.
</div>
</div></div></td>



</tr>


<tr>
<td width="645" height="30"" style="cursor: pointer;" onclick="this.getElementsByTagName('div')[0].style.display=((this.getElementsByTagName('div')[0].style.display=='none')?'':'none');">Capitulo 2<br /><div style="display:none;"><br />


<ul class="tabs">
<li><a href="#tab4">Japonés Sub. Esp.</a></li>
<li><a href="#tab5">Español de España</a></li>
<li><a href="#tab6">Español latino</a></li>
</ul>
<div class="tab_container">
<div id="tab4" class="tab_content">
En proceso.
</div>
<div id="tab5" class="tab_content">
En proceso.
</div>
<div id="tab6" class="tab_content">
En proceso.
</div>
</div></div></td>



</tr>
</table>


Mientras que si uso <th></th> adquiere valores automáticamente sin definirlos con ninguna etiqueta, es decir, se centra el texto y se pone en negrita.

Código:
<table border="2" summary="Tabla">

<tr>

<th width="645" height="30"" style="cursor: pointer;" onclick="this.getElementsByTagName('div')[0].style.display=((this.getElementsByTagName('div')[0].style.display=='none')?'':'none');">Capitulo 1<br /><div style="display:none;"><br />


<ul class="tabs">
<li><a href="#tab1">Japonés Sub. Esp.</a></li>
<li><a href="#tab2">Español de España</a></li>
<li><a href="#tab3">Español latino</a></li>
</ul>
<div class="tab_container">
<div id="tab1" class="tab_content">
En proceso.
</div>
<div id="tab2" class="tab_content">
En proceso.
</div>
<div id="tab3" class="tab_content">
En proceso.
</div>
</div></div></th>

</tr>


<tr>
<th width="645" height="30"" style="cursor: pointer;" onclick="this.getElementsByTagName('div')[0].style.display=((this.getElementsByTagName('div')[0].style.display=='none')?'':'none');">Capitulo 2<br /><div style="display:none;"><br />


<ul class="tabs">
<li><a href="#tab4">Japonés Sub. Esp.</a></li>
<li><a href="#tab5">Español de España</a></li>
<li><a href="#tab6">Español latino</a></li>
</ul>
<div class="tab_container">
<div id="tab4" class="tab_content">
En proceso.
</div>
<div id="tab5" class="tab_content">
En proceso.
</div>
<div id="tab6" class="tab_content">
En proceso.
</div>
</div></div></th>

</tr>


</table>


Podría usar <td></td> si, pero cuando despligo, lo que hay en el interior se pega al borde de la tabla y crear un diseño muy feo.

Espero que con esta información alguien sepa a que se debe el que se centre el texto y se ponga en negrita cuando uso <th></th> para la tabla de celdas.

Última edición por Anonimo12; 01/11/2010 a las 08:10