Olá, é minha primeira mensagem no fórum, e sou iniciante de TUDO na programação pra web.
Estou enfrentando o seguinte problema com um código que estou fazendo num pequeno (trabalho para o tcc) de uma ONG (irreal), minha dificuldade é a seguinte, muitos me falaram do DOCTYPE, entretanto, quando eu coloco o Doctype nele os menus ficam desallinhados os links(home/quem somos/ oque fasemos etc..) permanecem no mesmo lugar, mas a imagem de fundo desce, isso acontece mesmo sem DOCTYPE no Google Chrome por isso venho pedir ajuda, vou postar a folha da home em html e a CSS dela que eu fiz (sei que isso tudo tah muito pré-histórico, mas to começando só)
</SCRIPT></div><p><font size="2">Olá a todos que estão lendo isto.</font></p>
<p><font size="2">Este é o teste do site da nossa ONG, obviamente não existe conteúdo em todos os links do menu acima, apenas em “QUEM SOMOS”, clicando nele temos uma breve amostra de como ficará apenas o conteúdo TEXTO no site.
Espero que gostem, e apenas para lembrar, o site ainda passa por ajustes e modificações.</font><p>
Se precisarem das imagens me avisem que eu as mando por email, o link a frente tem o trabalho inicial (se eu não me engano sem javascript mas não importa fazendo o DOCTYPE funcionar eu coloco o Javascript de novo) http://www.4shared.com/file/lkqJ4gqO/SiteONG.html
Pergunta
BrunoB
Olá, é minha primeira mensagem no fórum, e sou iniciante de TUDO na programação pra web.
Estou enfrentando o seguinte problema com um código que estou fazendo num pequeno (trabalho para o tcc) de uma ONG (irreal), minha dificuldade é a seguinte, muitos me falaram do DOCTYPE, entretanto, quando eu coloco o Doctype nele os menus ficam desallinhados os links(home/quem somos/ oque fasemos etc..) permanecem no mesmo lugar, mas a imagem de fundo desce, isso acontece mesmo sem DOCTYPE no Google Chrome por isso venho pedir ajuda, vou postar a folha da home em html e a CSS dela que eu fiz (sei que isso tudo tah muito pré-histórico, mas to começando só)
(HTML) HOME, abaixo:
<html>
<head>
<title>Pense Verde</title>
<link href="estilo2.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="geral">
<div id="topo"><h1 class="titulo1"><span>Pense Verde</span></h1></div>
<div id="menu">
<ul>
<li>
<a href="PenseVerde.html">Home</a> |
<a href="quemsomos3.html" target=_"blank">Quem Somos</a> |
<a href="quemsomos31.html" target=_"blank">O que fazemos?</a> |
<a href="quemsomos32.html" target=_"blank">Dia a Dia</a> |
<a href="quemsomos33.html" target=_"blank">Contato</a> </li>
</ul>
</div>
<div id="imagens">
<h3>Galeria de Imagens</h3>
<ul>
<li><a href="img/pl1.jpg" target=_"blank"><img src="img/pl1.jpg" border="0" /></a>
<a href="img/pl2.jpg" target=_"blank"><img src="img/pl2.jpg" border="0" /></a></li>
<li><a href="img/lt1.jpg" target=_"blank"><img src="img/lt1.jpg" border="0" /></a>
<a href="img/bd3.jpg" target=_"blank"><img src="img/bd3.jpg" border="0" /></a></li>
<li><a href="img/bd2.jpg" target=_"blank"><img src="img/bd2.jpg" border="0" /></a>
<a href="img/bd1.jpg" target=_"blank"><img src="img/bd1.jpg" border="0" /></a></li>
</ul>
</div>
<div id="caixatxt">
<div id="banner">
<h3 color:#009900>Destaques Pense Verde</h3>
<script LANGUAGE="JavaScript">
<!--
var TOTAL = 4;
var I, POSICAO = 0;
var TEMPO = 3000;
var BANNER = new Array();
var END = new Array();
END[0] = 'http://www.americanas.com.br/AcomProd/1472/188231';
END[1] = 'http://www.livrariasaraiva.com.br/produto/produto.dll/detalhe?pro_id=171658&ID=C8A9552B7D9080C08301F0867';
END[2] = 'http://www.livrarialeonardodavinci.com.br/pag.asp?id=13';
END[3] = 'http://www.submarino.com.br/produto/1/232854/codigo+da+vinci,+o?menuId=1349';
for (I = 1; I <= TOTAL; I++) {
BANNER[i - 1] = new Image();
BANNER[i - 1].src = 'img/banner' + I + '.gif';
}
function Rotacao() {
POSICAO = Math.round(Math.random() * TOTAL);
if (POSICAO > TOTAL - 1) {
POSICAO = 0;
}
document.Banner.src = BANNER[POSICAO].src;
setTimeout("Rotacao()", TEMPO);
}
function PegaLink() {
if (END[POSICAO].length != 0) {
location.href = END[POSICAO];
}
}
function MostraStatus() {
window.status = END[POSICAO];
}
//-->
</SCRIPT>
<A HREF="" onClick="PegaLink();return false" onMouseOver="MostraStatus();return true;"
onMouseOut="window.status='';return true;">
<script LANGUAGE="JavaScript">
<!--
POSICAO = Math.round(Math.random() * TOTAL);
document.write('<CENTER>');
document.write('<IMG SRC="' + BANNER[POSICAO].src + '" ');
document.write('WIDTH=300 HEIGHT=150 BORDER=0 NAME="Banner"></A>');
document.write('</CENTER>');
setTimeout("Rotacao()", TEMPO);
//-->
</SCRIPT></div><p><font size="2">Olá a todos que estão lendo isto.</font></p>
<p><font size="2">Este é o teste do site da nossa ONG, obviamente não existe conteúdo em todos os links do menu acima, apenas em “QUEM SOMOS”, clicando nele temos uma breve amostra de como ficará apenas o conteúdo TEXTO no site.
Espero que gostem, e apenas para lembrar, o site ainda passa por ajustes e modificações.</font><p>
</div>
<div id="rodape">
<span><class ="obs"><a href="quemsomos33.html" target=_"blank"> Contato | </a><a href="home.html" target=_"blank">Home | </a><a href="">Blog</a>
</div>
</div>
</body>
</html>
CSS, abaixo:
/* CSS Document */
body{
font-size:12px;
font-family:Geneva, Arial, Helvetica, sans-serif;
text-align: center;
background-color:#EBEBEB
}
ul {
list-style:none;
}
a:link{color:#FFF; text-decoration:none;}
a:visited{color:#FFF; text-decoration:none;}
a:hover{color:#06C; text-decoration:none;}
a:active{color:#FFF; text-decoration:none;}
#geral{
margin: 0 auto;
width: 960px;
}
#topo {
height:260px;
text-align:center;
background:url(img/topo5.jpg) no-repeat;
}
.titulo1 span {
visibility:hidden;
}
#menu {
color:#FFF;
font-size:16px;
text-align:center;
height:50px;
background:url(img/menudefinitivo.jpg) no-repeat;
}
#menu li { margin-top:17px;}
#banner {
text-align:top left;
float:left;
}
#caixatxt {
background-color:f2f8dd;
text-align:top left;
font-size:20px;
border: 1px hidden white;
width: 700px;
float:right;
}
#imagens {
background-color:#009900;
border: 1px hidden white;
margin-top:10px 10px 10px 10px;
padding: 5px;
width: 250px;
float:left;
}
#imagens li img{ width:40%;}
#rodape {
margin: 0 auto;
width: 960px;
background-color:#8ece44;
text-align:center;
clear:both;
}
#rodape .obs { margin: 5px;
text-align:center;
Se precisarem das imagens me avisem que eu as mando por email, o link a frente tem o trabalho inicial (se eu não me engano sem javascript mas não importa fazendo o DOCTYPE funcionar eu coloco o Javascript de novo) http://www.4shared.com/file/lkqJ4gqO/SiteONG.html
Obrigado a TODOS desde já,
Att,
Bruno.
Editado por BrunoBLink para o comentário
Compartilhar em outros sites
3 respostass a esta questão
Posts Recomendados
Participe da discussão
Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.