Aqui você verá artigos sobre HTML
Moderador: web
por web Offline » Sex Mar 23, 2007 10:08 pm
|
Nesse artigo vou mostrar como criar uma tabela que tem uma dobra como se fosse uma orelha em uma folha.
abaixo segue as figuras e estruturas para ter o efeito:
 baixo_lado_direito.gif
- Código: Selecionar todos
<table border="0" cellpadding="0" cellspacing="0" bgcolor="#696969">
<tr>
<td valign="top"><font face=arial size=2 color=#f8f8f8><b>Texto</b></font></td>
<td valign="top"><img src="baixo_lado_direito.gif" width="20" height="20"></td>
</tr>
</table>
 baixo_lado_esquerdo.gif
- Código: Selecionar todos
<table border="0" cellpadding="0" cellspacing="0" bgcolor="#696969">
<tr>
<td valign="top"><img src="baixo_lado_esquerdo.gif" width="20" height="20"></td>
<td valign="top"><font face=arial size=2 color=#f8f8f8><b>Texto</b></font> </td>
</tr>
</table>
 cima_lado_esquerdo.gif
- Código: Selecionar todos
<table border="0" cellpadding="0" cellspacing="0" bgcolor="#696969">
<tr>
<td valign="top"><img src="cima_lado_esquerdo.gif" width="20" height="20"></td>
<td valign="top"><font face=arial size=2 color=#f8f8f8><b>Texto</b></font> </td>
</tr>
</table>
 cima_lado_direito.gif
- Código: Selecionar todos
<table border="0" cellpadding="0" cellspacing="0" bgcolor="#696969">
<tr>
<td valign="top"><font face=arial size=2 color=#f8f8f8><b>Texto</b></font> </td>
<td valign="top"><img src="cima_lado_direito.gif" width="20" height="20"></td>
</tr>
</table>
O resultado pode ser visto em:
http://www.codigosnaweb.com/tutoriais/aba/aba.html
Gostou do que encontrou? Divulgue, indique, participe, agradeça pelas respostas.
Faço scripts personalizados ou reparos em scripts. Orçamento MSN codigosnaweb1 [@] gmail [.] com
web
ADMIN
Mensagens: 12456
Registrado em: Sáb Jan 20, 2007 6:08 pm
Localização: RJ / RJ / Brasil
|
Voltar para Artigos sobre HTML
Quem está online
Usuários navegando neste fórum: Nenhum usuário registrado e 2 visitantes
