Alinhando toda uma linha de uma tabela

Utilizamos então os valores align e valign na tag <TR>.

 Veja na sintexa:


<html> 

<head>
<title> Alinhamento vertical e horizontal </title> 
</head> 
<body> 
<table height="500" width="800" border="1" bordercolor="blue"> 
<tr align=center valign=center> 
<td width="200" height="20">
<font face="arial" size="3">
<b>  center</b>
</font>
</td>
<td  width="200" height="20">
<font face="arial" size="3">
<b>  center</b>
</font>
</td>
<td  width="200" height="20">
<font face="arial" size="3"> <b> center
</b> </font> </td>
</tr>
<tr align=center valign=top> 
<td  width="200" height="20" >
<font face="arial" size="3"> <b> center, top
</b> </font> </td>
<td width="200" height="20">
<font face="arial" size="3"> <b> center, top
</b> </font> </td>
<td  width="200" height="20">
<font face="arial" size="3"> <b> center, top
</b> </font> </td>
</tr>
<tr> 
<td width="200" height="20" align="right" valign="top">
<font face="arial" size="3"> <b> align=right;valign=top 
</b> </font> </td>
<td width="200" height="20" align="right" valign="middle">
<font face="arial" size="3"> <b>  align=right;  valign=middle 
</b> </font> </td>
<td width="200" height="20" align="right" valign="bottom" >
<font face="arial" size="3"> <b> align=right;valign=bottom 
</b> </font> </td>
</tr>
</table> 
</body> 
</html>

Ficaria assim:

















Nesse caso, utiliza-se o valor align e o valign na tag <TR> e não coloca valor nenhum nas tag <td>, por que se colocar nessas tag esses valores eles serão predominantes, e o resultado aparecerá na tabela.  
Nessa tabela, na última linha ficou com valores na tag <td> como pode observar.




 

Nenhum comentário:

Postar um comentário

Marcadores

etiqueta (29) tutorial (18) meta (16) html (15) a (10) link (10) formatar texto (3) VETOR (2) body (2) caracteres (2) id (2) p (2) vídeo (2) âncora (2) Photoshop (1) address (1) blink (1) blockquote (1) br (1) center (1) div (1) e-mail (1) font (1) frameset (1) h (1) head (1) pre (1) title (1)

paginador numerico