impresion de valor de variable php y no se alinea al medio en la celda

fiorella_liz · #1 (**permalink**) 24/12/2008, 10:58

Hola. Una consulta estoy intentando alinear el contenido de la celda al medio y no lo consigo he cambiado el valign y nada alguna sugerencia? desde ya muchas gracias.

Código HTML:

<table width="900" border="0" align="center" cellpadding="0" cellspacing="0">

  <tr valign="middle">

    <td width="22" height="19" align="right" valign="midle" background="lineatramada2.JPG" class="Estilo2"><!--DWLayoutEmptyCell-->&nbsp;</td>

    <td width="461" align="left" valign="middle" background="lineatramada2.JPG" class="Estilo2" style="color:#333333">

     

      <?

	

	if(isset($intro))



	    {  



            if($_SESSION['ind']!=1)



			{ $usu1=$_POST['us'];

			

		



			 $cla1=$_POST['ps'];

				

				if($usu1!='' && $cla1!='')



						{ 



					   $sq="select mostrar, cod from miembro where mail1='".$usu1."' and clave='".$cla1."'";

                  				



						$res1=mysql_query($sq) or die(mysql_error());



						$row=mysql_fetch_array($res1);



						$can=mysql_num_rows($res1);



						if($can>0 )



						{ 



						 



						 $_SESSION['nombre']=$row[0];



						 $_SESSION['band']='v';



						 $_SESSION['ind']=1;



						 



						 



						?>

      <font style="font-family:Arial, Helvetica, sans-serif; font-size:11px"><strong>

        <?



						   echo '<br>Bienvenido : '; ?>

        </strong></font>

      <?



						   ?>

      <font style="font-family:Arial, Helvetica, sans-serif; font-size:14px"><strong><? echo $row[0]; ?></strong></font>

      <? 



						   $nom=$row[0];

                           $cod=$row[1];

						 echo "<script>document.location='usuario.php?cod=$cod';</script>";



						}



						if($can<0 || $can==0)



						    echo "<script>alert('Usuario y/o Clave incorrectos') </script>";



					}

					else

					{

					echo "<script>alert('Ingrese correctamente por favor') </script>";

					}



				}



				else



				{ $n = $_SESSION['nombre'];



				  echo "<script>alert('Ud ya inicio una sesión') </script>";



				  ?>

      <font style="font-family:Arial, Helvetica, sans-serif; font-size:11px"><strong>

        <?



						   echo '<br>Bienvenido : '; ?>

        </strong></font>

      <?



						   ?>

      <font style="font-family:Arial, Helvetica, sans-serif; font-size:14px"><strong> <? echo $n; ?></strong></font>

      <?		



				}



						



		}



		



		



		if($_SESSION['ind']==1 && (!(isset($intro))))



		{



		 $n = $_SESSION['nombre'];



		



?>

      <font style="font-family:Arial, Helvetica, sans-serif; font-size:11px"><strong>

        <?



						  echo '<br>Bienvenido : '; ?>

        </strong></font>

      <?



						   ?>

      <font style="font-family:Arial, Helvetica, sans-serif; font-size:14px"><strong> <? echo $n; ?></strong></font>

      <?		



		}



   



?>

   </td>

    <td width="406" align="right" valign="middle" background="lineatramada2.JPG" class="Estilo2"><span class="Estilo21"><span class="style20"><span class="style22"><a href="todo_not.php" target="_top">Noticias</a> | <a href="todo_desc.php" target="_top">Descargas</a> | <a href="http://net4trust.com/blog/" target="_blank">Blog</a> |Grupos de Inter&eacute;s</span></span><span class="style21">&nbsp;</span></span></td>

    <td width="11" align="right" valign="bottom" background="lineatramada2.JPG" class="Estilo2"><!--DWLayoutEmptyCell-->&nbsp;</td>

  </tr>

</table>

Null_ · #2 (**permalink**) 24/12/2008, 14:00

Lo que quieres hacer en centrado vertical se hace con la propiedad vertical-align:middle; de la CSS.

Viendo tu código veo que tienes tres cosas combinadas: un class, cuatro propiedades obsoletas y un estilo CSS en línea en la celda.

Cita:

Todo eso lo puedes y debes hacer solo con CSS en línea agregando la propiedad que te dije anteriormente de la forma:

Cita:

o mejor aun incluirla en la hoja de estilo, aplicando en el html:

Código HTML:

<td class="Estilo2">

y en la hoja de estilo CSS:

Código:

table td.Estilo2 {
     width:461px;
     text-align:left;
     vertical-align:middle;
     color:#333;
     background-image:url('lineatramada2.JPG');
     }

saludos y suerte

Null_ · #3 (**permalink**) 24/12/2008, 14:03

Me surgio una duda ahora, cuando dijiste "contenido de la celda al medio" te referias horizontal o verticalmente centrado?
si fuese horizontal reemplaza text-align:left; por text-align:center;

fiorella_liz · #4 (**permalink**) 25/12/2008, 22:41

muuchas gracias por el consejo