Bem... eu sou super iniciante com web, desenvolvimento de sites e tals... entao resolvi aprender um pouco... e estava fazendo um site, como se fosse da minha escola! (imaginação rolando solta)... Mas dae fui montando tudo e tals... e aconteceu um problema! Tentei desde ontem, muitas coisas mas nada! :\
Então vim pedir ajuda para as super mentes brilhantes que temos!
O problema acredito que é com o meu CSS...
Entao vamos la... Montei o site beleza... e fui colocando border nas div pra ver até onde elas tavam indo... mas depois fui tirar as borders e ficou tudo fora do lugar! Acho que nao entendi muito bem como funciona essa função!
Olhem ae e tentem me ajudar! Por favor:
Olha como deve ficar... mas sem as bordas:
E aqui como fica quando eu tiro(Troquei a cor do texto pois se não, não iria ser possivel ver...):
Nao sei o que fazer... Agora vou colocar o código, é bem simples... deve ter um erro banal! Mas nao achei!:
Então vim pedir ajuda para as super mentes brilhantes que temos!
O problema acredito que é com o meu CSS...
Entao vamos la... Montei o site beleza... e fui colocando border nas div pra ver até onde elas tavam indo... mas depois fui tirar as borders e ficou tudo fora do lugar! Acho que nao entendi muito bem como funciona essa função!
Olhem ae e tentem me ajudar! Por favor:
Olha como deve ficar... mas sem as bordas:
E aqui como fica quando eu tiro(Troquei a cor do texto pois se não, não iria ser possivel ver...):
Nao sei o que fazer... Agora vou colocar o código, é bem simples... deve ter um erro banal! Mas nao achei!:
Código PHP:
...
<style type="text/css">
<!--
body{margin:0px;}
<!-- Aqui fica o gradiente do topo-->
#topo{ background:url(CSS/topo.gif) repeat-x; height:282px;}
<!-- Aqui fica o css do menu-->
#menucss{ background:url(CSS/menucss.gif) repeat-x; height:32px;}
<!-- Aqui fica o gradiente do rodapé-->
#rodape{ background:url(CSS/rodape.gif) repeat-x; height:275px; position:relative; border:0px dotted;}
<!-- Aqui fica o css do background-->
#background { background:url(Imagens/logo.gif); background-repeat:no-repeat; background-position:center; height:106px;}
<!-- Aqui fica o texto do rodapé-->
#direitos { font-family: Georgia, "Times New Roman", Times, serif; font-size:12px; color:#000; height:30px;border:0px dotted #000;; margin-top:200px;}
<!-- Aqui fica um span do periodo 2010-2012 -->
.periodo{ font-family: "Times New Roman", Times, serif; font-size:12px; color:#000; margin-top:200px;}
-->
</style>
</head>
<div id="topo"><div id="menucss">
<AQUI FICAM OS COMANDOS PARA OS BOTÕES LA DE CIMA... DO JS>
</center></div>
</div>
<div id="background"></div>
<div id="rodape">
<div id="direitos">
<center><b>
Escola de Educação Básica Sóror Angélica ©<BR>
Powered By ******''<BR>
<span class="periodo">2010-2012</span></b>
</center>
</div>
</div>
<body>
</body>
</html>
Agradeço desde já! Ficou meio grande mas fazer o que...
Comment