|
Tabela
com opacidade
Recomenda-se
a utilização de uma tabela quando o background (fundo) é
estampado, para que o texto fique legível e o visual
agradável.
O código
html reproduzido abaixo,produz uma tabela cujo grau
de opacidade pode ser modificado e dentro da qual é possível
escrever:
<DIV
align=center>
<TABLE
id=AutoNumber1 style="FILTER: alpha(opacity=60)"
borderColor=#0c3859
cellSpacing=5 cellPadding=5 width="40%" bgColor=#c0c0c0
border=6>
<TBODY>
<TR>
<TD width="100%">
Mudando-se alguns valores
no mesmo código html, é possível obter, por exemplo, uma
tabela sem bordas e cujo fundo apareça ligeiramente
transparente, produzindo um visual agradável e permitindo a
perfeita leitura do texto.
Eis o mesmo código
modificado:
<DIV
align=center><TABLE
id=AutoNumber1 style="FILTER: alpha(opacity=60)"
borderColor=#0c3859
cellSpacing=0 cellPadding=0
width="40%" bgColor=#c0c0c0 border=0>
<TBODY>
<TR>
<TD width="100%">
Outro
código de Tabela com opacidade e algumas dicas para a
construção de uma tabela:
<DIV
align=center><TABLE bgColor=#f3bab4 border=0 cellPadding=2 height="100%"
style="FILTER: alpha(opacity=80); bordercolorlight:
" width="60%">
<tr><td>
</td></tr>
</TABLE>
Para
criar uma tabela <table></table>
dentro da tag
<table........></table>
você
coloca as propriedades da sua tabela: cor de fundo, cor da
borda, largura e opacidade, por exemplo.
Veja abaixo
<TABLE
bgColor=#f3bab4 border=0 cellPadding=2 height="100%"
style="FILTER: alpha(opacity=80); bordercolorlight:
" width="60%">
</TABLE>
Mas
isso não basta para ter uma tabela.
- para cada linha você
vai ter que colocar
um
par <tr></tr>
entre
<table>............</table>
- para
cada célula da linha
você tem que ter um par
<td></td>
entre
<tr>.......</tr>
Exemplo:
TABELA COM UMA ÚNICA CÉLULA:
<table>
<tr>
<td>uma linha uma célula</td>
</tr>
</table>
TABELA COM DUAS LINHAS E TRÊS CÉLULAS POR LINHA:
<table>
<tr>
<td>primeira célula primeira
linha</td>
<td>segunda célula primeira
linha</td>
<td>terceira célula primeira
linha</td>
</tr>
<tr>
<td>primeira célula segunda
linha</td>
<td>segunda célula segunda
linha</td>
<td>terceira célula segunda
linha</td>
</tr>
</table>
A
melhor opção de tabela, usando só estilos:
<DIV
align=center>
<table
style="filter:alpha(opacity=80); background-color:
f3bab4; width:
60%; height: 100%; border: 0px; padding: 2px;">
<tr><td>teste</td></tr>
</table>
___________________________________
by Angela Maria P. Glavam
|
