Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17720
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Layout completo em tableless

29-03-2009 10:15

Segue abaixo um layout completo feito em tableless seguindo um padrão comum na net, topo com espaço do logo e banner 468x60, centro com 3 colunas e rodapé.

Layout adaptado para Internet Explorer e Firefox

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title></title> <style type="text/css">.style1 { border: 1px solid #808080; height: 71px; position: relative; text-align: left; width: 981px; } .style1-1 { background-color: #ffffcc; border: none; height: 19px; left: 3px; line-height: 19px; padding: 1px; position: absolute; top: 3px; width: 192px; } .style1-2 { background-color: #ffffcc; border: none; height: 19px; left: 199px; line-height: 19px; padding: 1px; position: absolute; text-align: right; top: 3px; width: 779px; } .style1-3 { border: none; height: 19px; left: 3px; line-height: 19px; padding: 1px; position: absolute; top: 26px; width: 192px; } .style1-4 { border: none; height: 19px; left: 199px; line-height: 19px; padding: 1px; position: absolute; top: 26px; width: 582px; } .style1-5 { border: none; height: 19px; left: 785px; line-height: 19px; padding: 1px; position: absolute; top: 26px; width: 193px; } .style1-6 { background-color: #ffffcc; border: none; height: 19px; left: 3px; line-height: 19px; padding: 1px; position: absolute; top: 49px; width: 975px; } </style> </head> <body> <div class="style1"> <div class="style1-1">logo</div> <div align="right" class="style1-2">banner 468x60</div> <div class="style1-3">direita</div> <div class="style1-4">centro</div> <div class="style1-5">esquerda</div> <div class="style1-6">rodapé</div> </div> </body> </html>

Obs.: Se você quizer dar uma sugestão de layout em html para ser convertido para tableless faça o seguinte:
- Crie um documento em html com seu layout ( use tabelas para seu layout );
Obs.: Não poste figuras, conteúdo, etc... Marca somente o que irá na posição, tipo: esquerda, direita, foto, etc...
- Mande o layout para o seu servidor;
- Indique logo abaixo o caminho até o layout.
0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado