Ver Mensaje Individual
  #1 (permalink)  
Antiguo 19/11/2011, 09:30
yosoloyo
 
Fecha de Ingreso: mayo-2008
Mensajes: 156
Antigüedad: 16 años, 6 meses
Puntos: 0
Problema con centrado de texto en tabla

Buenas
Voy a intentar explicar lo que me pasa lo mas detallado posible para ver si me podeis ayudar.

Yo tenia una web en php con una plantilla diseñada por mi. Digamos que esa plantilla he cambiado su aspecto visual, pero que el contenido de los datos lo quiero conservar, guardando también algunos estilos css que usaba en la plantilla antigüa.

Mi sorpresa ha sido que al pasar de una plantilla a otra, el texto de las tablas que en algunos estilos estaban text-aling: center; han pasado a left y no hay manera de moverlos aunque tenga esa regla así preestablecida. Me pasa también con el vertical-aling que tampoco se me alinea verticalmente y se queda pegado a la parte superior de la celda.

Voy a poner un poco de código haber si ayuda

El CSS que tengo es este:
Código CSS:
Ver original
  1. .art-postcontent,
  2. .art-postcontent li,
  3. .art-postcontent table,
  4. .art-postcontent a,
  5. .art-postcontent a:link,
  6. .art-postcontent a:visited,
  7. .art-postcontent a.visited,
  8. .art-postcontent a:hover,
  9. .art-postcontent a.hovered
  10. {
  11.     font-family: Arial, Helvetica, Sans-Serif;
  12. }
  13.  
  14. .art-postcontent p
  15. {
  16.     margin: 12px 0 12px 0;
  17. }
  18.  
  19. .art-postcontent p
  20. {
  21.     margin: 12px 0 12px 0;
  22. }
  23.  
  24. .art-postcontent a
  25. {
  26.   text-decoration: none;
  27.   color: #237E90;
  28. }
  29.  
  30. .art-postcontent a:link
  31. {
  32.   text-decoration: none;
  33.   color: #237E90;
  34. }
  35.  
  36. .art-postcontent a:visited, .art-postcontent a.visited
  37. {
  38.  
  39.   color: #324143;
  40. }
  41.  
  42. .art-postcontent  a:hover, .art-postcontent a.hover
  43. {
  44.  
  45.  
  46.   color: #237E90;
  47. }
  48.  
  49.  
  50. .art-postcontent h1
  51. {
  52.    margin: 21px 0 21px 0;
  53.    color: #237E90;
  54.  
  55. }
  56.  
  57. .art-postcontent h2
  58. {
  59.     color: #237E90;
  60.    margin: 19px 0 19px 0;
  61.    font-size: 24px;  
  62. }
  63.  
  64. .art-postcontent h3
  65. {
  66.    margin: 19px 0 19px 0;
  67.   color: #237E90;
  68.   font-size: 19px;    
  69. }
  70.  
  71. .art-postcontent h4
  72. {
  73.    margin: 20px 0 20px 0;
  74.    color: #232D2F;
  75.    font-size: 16px;  
  76. }
  77.  
  78. .art-postcontent h5
  79. {
  80.    margin: 26px 0 26px 0;
  81.    color: #232D2F;  
  82.    font-size: 13px;
  83. }
  84.  
  85. .art-postcontent h6
  86. {
  87.    margin: 35px 0 35px 0;
  88.    color: #232D2F;
  89.    font-size: 11px;      
  90. }
  91.  
  92. .art-postcontent blockquote,
  93. .art-postcontent blockquote a,
  94. .art-postcontent blockquote a:link,
  95. .art-postcontent blockquote a:visited,
  96. .art-postcontent blockquote a:hover
  97. {
  98.   color: #0F1415;
  99.  
  100. }
  101.  
  102. .art-postcontent blockquote p
  103. {
  104.    margin: 3px;
  105. }
  106.  
  107. .art-postcontent blockquote
  108. {
  109.    border: solid 0 #C1CFD1;
  110.   margin: 10px 10px 10px 50px;
  111.   padding: 2px 2px 2px 35px;
  112.   background-color: #EDF1F2;
  113.   background-position: left top;
  114.   background-repeat: no-repeat;
  115.   overflow: auto;
  116. }
  117.  
  118. #cabtablaclasi3{
  119.     color:#000;
  120.     width:75%;
  121.     text-align: center;
  122. }
  123.  
  124.  
  125. #cabtr{
  126.     clear: both;
  127.     color:#CCC;
  128.     background-color: #009999;
  129.     text-indent:inherit;
  130.     text-align: center;
  131. }
  132.  
  133. #cabposclasi{
  134.     background-color: #99FF99;
  135.     width:50%;
  136.     text-align:center;
  137. }
  138.  
  139.  
  140. #cabnegclasi{
  141.     background-color: #0FF;
  142.     width:50%;
  143.     text-align:center;
  144. }
  145.  
  146. #cabpositiva4{
  147.     width:90%;
  148.     background-color: #FFF;
  149.     text-align:center;
  150. }

y aquí va el contenido de la página:
Código PHP:
Ver original
  1. <div class="art-postcontent">
  2.             echo"<center><table id='cabtablaclasi3'>";
  3.             echo"
  4.             <tr id='cabtr'>
  5.                 <td colspan='6'><b><big>CLASIFICACI&Oacute;N GENERAL</b></td>
  6.             </tr>
  7.             <tr id='cabtr'>
  8.                 <td><b>1</b></td>
  9.                 <td><b>2</b></td>
  10.                 <td><b>3</b></td>
  11.                 <td><b>4</b></td>
  12.                 <td><b>5</b></td>
  13.                 <td><b>6</b></td>
  14.             </tr>";
  15.             $cont=1;
  16.     while ($continuar=='s')
  17.      {
  18.        $fila=mysql_fetch_array($consulta);
  19.        if ($fila)
  20.         {
  21.            
  22.             //contrucción de la tabla
  23.             if($cont==1)
  24.             {
  25.                 echo"
  26.                 <tr id='cabposclasi'>
  27.                     <td><div><b>$1</b></div></td>
  28.                     <td><div><b>$2</b></div></td>
  29.                     <td><div><b>$3</b></div></td>
  30.                     <td><div><b>$4</b></div></td>
  31.                     <td><div><b>$5</b></div></td>
  32.                     <td><div><b>$6</b></div></td>
  33.             </tr>";
  34.             }
  35.             else
  36.             {
  37.                 if($cont%2==0)
  38.                 {
  39.                     echo"
  40.                     <tr id='cabnegclasi'>
  41.                         <td><div>$1</div></td>
  42.                         <td><div>$2</div></td>
  43.                         <td><div>$3</div></td>
  44.                         <td><div>$4</div></td>
  45.                         <td><div>$5</div></td>
  46.                         <td><div>$6</div></td>
  47.                     </tr>                  
  48.                     ";
  49.                 }
  50.                 else
  51.                 {
  52.                     echo"
  53.                     <tr id='cabpositiva4'>
  54.                         <td><div>$1</div></td>
  55.                         <td><div>$2</div></td>
  56.                         <td><div>$3</div></td>
  57.                         <td><div>$4</div></td>
  58.                         <td><div>$5</div></td>
  59.                         <td><div>$6</div></td>
  60.                     </tr>                  
  61.                     ";
  62.                 }
  63.             }
  64.            $cont=$cont+1;
  65.  
  66.         }//fin if
  67.         else
  68.         { $continuar='n';}
  69.      } //fin while
  70.         echo"</table></center>";
  71.  
  72. </div>


Ese sería el ejemplo de que no se me alinea centrado el texto dentro de la tabla. Supongo que la solución viene a ser igual si la encuentro para este que para el texto vertical

Gracias de antemano, saludos