Help
Olá pessoal. Acabo de fazer o meu cadastro, e me desculpe se o post não estiver no lugar correto.
Sou iniciante e uso fireworks e dreamweaver para fazer sites simples, ainda não sei usar apenas divs.
Fiz um site simples usando tabelas e quero dar por finalizado. O problema que o dono do site (que usa resolução tela 1280x720) não quer as barras de rolagem e como nao tem grande conteúdo, achei fácil, mas foi muito difícil ajustar o rodapé pra qualquer resolução. Entrei em vários tutoriais e cheguei a um misto de comandos que fez esse ajuste, mesmo alterando um pouco o visual.
O problema é que para o menu funcionar a primeira linha do html deve ser: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Para o ajuste funcionar a primeira linha deve ser: <html>
Sem ajustar com menu funcionando: http://www.2milimetr...paros/Index.htm
Ajustando à tela sem o menu: http://www.2milimetr...esidenciais.htm
A programação ajustada está:
---------------------------- Pedreiro_ServicosResidenciais.htm ------------------------------------
<!-- Se colocar "<!DOCTYPE ..." aqui, funciona o menu -->
<html>
<head>
<title>Pedreiro | Serviços Residenciais</title>
<style>
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-repeat: no-repeat;
background-position:center;
}
.rodape {
bottom: 0;
position: fixed;
right: 0;
}
.geral{
width: 100%;
height: 100%
}
</style>
<meta http-equiv="Content-Type" content="text/html;">
<!-- Fireworks MX Dreamweaver MX target. Created Mon May 30 09:22:12 GMT-0300 (Hora oficial do Brasil) 2011-->
</head>
<body background="Fundo_Pedreiro.jpg" bgcolor="#007cc3">
<div class="geral">
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<!-- fwtable fwsrc="ReparosResidenciais6.png" fwbase="pre.jpg" fwstyle="Dreamweaver" fwdocid = "742308039" fwnested="0" -->
<tr>
<td><img src="imagens/spacer.gif" width="23" height="1" border="0" alt=""></td>
<td><img src="imagens/spacer.gif" width="88" height="1" border="0" alt=""></td>
<td><img src="imagens/spacer.gif" width="361" height="1" border="0" alt=""></td>
<td><img src="imagens/spacer.gif" width="67" height="1" border="0" alt=""></td>
<td><img src="imagens/spacer.gif" width="294" height="1" border="0" alt=""></td>
<td><img src="imagens/spacer.gif" width="88" height="1" border="0" alt=""></td>
<td><img src="imagens/spacer.gif" width="23" height="1" border="0" alt=""></td>
<td><img src="imagens/spacer.gif" width="1" height="1" border="0" alt=""></td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td colspan="2"> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td bgcolor="#007cc3"> </td>
<td bgcolor="#007cc3"> </td>
<td bgcolor="#007cc3"><font color="#FFFFFF" size="+3" face="gill Sans MT"><strong>Serviços
Residenciais</strong></font> </td>
<td colspan="2" bgcolor="#007cc3"> <div align="right">
<style media="all" type="text/css">@import "menu/menu_style4.css";</style>
<div class="menu04">
<ul>
<li><a href="Contato_ServicosResidenciais.htm" target="_self" >CONTATO</a>
</li>
<li><a href="" target="_self" >SERVIÇOS</a>
<ul>
<li><a href="TelhadoseCalhas_ServicosResidenciais.htm" target="_self">TELHADOS
E CALHAS</a></li>
<li><a href="Pintor_ServicosResidenciais.htm" target="_self">PINTOR</a></li>
<li><a href="Pedreiro_ServicosResidenciais.htm" target="_self">PEDREIRO</a></li>
<li><a href="Encanador_ServicosResidenciais.htm" target="_self">ENCANADOR</a></li>
<li><a href="Eletricista_ServicosResidenciais.htm" target="_self">ELETRICISTA</a></li>
</ul>
</li>
<li><a href="Index.htm" target="_self" >HOME</a> </li>
</ul>
</div>
</div></td>
<td bgcolor="#007cc3"> </td>
<td bgcolor="#007cc3"> </td>
<td><img src="imagens/spacer.gif" width="1" height="51" border="0" alt=""></td>
</tr>
<tr>
<td colspan="7"> </td>
<td><img src="imagens/spacer.gif" width="1" height="18" border="0" alt=""></td>
</tr>
<tr>
<td colspan="4"> </td>
<td colspan="2"> </td>
<td> </td>
<td><img src="imagens/spacer.gif" width="1" height="56" border="0" alt=""></td>
</tr>
<tr>
<td height="278" colspan="7" valign="bottom"><table width="56%" height="168" border="0" align="center" background="Texto_Pedreiro.png">
<tr align="left" valign="bottom">
<td height="64" colspan="3"> <div align="left"></div></td>
</tr>
<tr>
<td width="13" bordercolor="#FFFFFF"> <div align="center"></div></td>
<td width="750" valign="middle" bordercolor="#FFFFFF" bgcolor="#FFFFFF">
<div align="justify">
<p><font size="2" face="verdana"> Com o passar do tempo nossa
casa começa a apresentar a necessidade de alguns retoques,
sejam eles nas paredes e acabamentos ou por meio das pequenas
construções e ampliações.<br />
Com uma equipe capacitada, a <em>Serviços Residenciais<font size="-3">®</font></em>
oferece a você serviços de pedreiro com: Troca
de portas e janelas, pequenas construções, pequenos
reparos, serviços de acabamento e outros.<br />
Solicite agora um orçamento e conheça nosso trabalho!</font></p>
</div></td>
<td width="1"> </td>
</tr>
</table></td>
<td><img src="imagens/spacer.gif" width="1" height="278" border="0" alt=""></td>
</tr>
<div align="right" class="rodape">
<tr>
<td bgcolor="#007cc3"> </td>
<td bgcolor="#007cc3"> </td>
<td bgcolor="#007cc3"> <div align="left"><font color="#FFFFFF" size="2" face="gill Sans MT">atendimento@reparosresidenciais.com.br<br />
Rua Santos, 297 | Jardim Nova Europa<br />
13040-054 | Campinas | SP</font> </div></td>
<td colspan="2" bgcolor="#007cc3"><div align="right"><font color="#FFFFFF" size="6" face="gill Sans MT">(19)
3365.2396 | 3365.2397</font></div></td>
<td bgcolor="#007cc3"> </td>
<td bgcolor="#007cc3"> </td>
<td><img src="imagens/spacer.gif" width="1" height="51" border="0" alt=""></td>
</tr>
<tr>
<td colspan="7"><div align="left">
<table width="100%" border="0">
<tr>
<td width="2%"> </td>
<td width="48%"><font size="2" face="gill Sans MT">© Serviços
Residenciais Ltda. 2011 | Todos os Direitor Reservados</font></td>
<td width="48%"><div align="right"><font size="2" face="gill Sans MT">By
<strong><a href="http://www.2milimetros.com" target="_blank"><font color="#000000">2mm</font></a></strong></font></div></td>
<td width="2%"> </td>
</tr>
</table>
</div></td>
<td><img src="imagens/spacer.gif" width="1" height="20" border="0" alt=""></td>
</tr>
</div>
</table>
</div>
</body>
</html>
Sei que o uso de tabelas não é apropriado, mas alguém poderia me ajudar a fazer as duas operações funcionarem coretamente ao mesmo tempo?
Muito obrigada!
Publicidade
|
|
Page 1 of 1
Funcionar Cabeçalho, Rodapé e menu ao mesmo tempo! Se meu menu funciona, o ajustamento pra qqr resolução tela não!
#2
ElianePessoa 
- Group: Membros
- Posts: 2
- Joined: 30-May 11
Posted 31 May 2011 - 01:19 PM
[RESOLVIDO]
Consegui resolver trabalhando com div seguindo este tutoria do André Bozzo, muito bom!
http://www.mxmasters.../#comment-97408
Consegui resolver trabalhando com div seguindo este tutoria do André Bozzo, muito bom!
http://www.mxmasters.../#comment-97408
Share this topic:
Page 1 of 1
Similar Topics
| Topic | Forum | Started By | Stats | Last Post Info | |
|---|---|---|---|---|---|
|
Menu + Submenu + Submenu
Socorro!!! |
Fireworks |
r.designer
|
|
|
|
|
Site brasileiro de compras coletivas chega ao primeiro milhão de usuários
|
Notícias |
Notícias
|
|
|
|
|
Problema com componete loader
pq o scaleContent n funciona na internet |
Flash & ActionScript |
Kakash
|
|
|
|
|
Menu XML ?
será mesmo.. |
Flash & ActionScript |
pintas
|
|
|
|
|
Microsoft compra ProClarity
WNews |
Notícias |
TiTi Celestino
|
|
|
|
|
Microsoft compra site europeu por US$ 486 milhões
|
Notícias |
Notícias
|
|
|
|
|
Pesquisadores desenvolvem tela LCD auto ajustável
|
Notícias |
Notícias
|
|
|
|
|
Passar variavel de erro pra outra tela
|
PHP |
Diego Web Design
|
|
Publicidade
|
|