Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá! Bem, estou com um grave problema aqui no posicionamento do site, veja:
Veja ali, o topo.
Espero alguem possa me entender.
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="[http://www.w3.org/1999/xhtml">](http://www.w3.org/1999/xhtml)
<head>
<style type="text/css">body {
background: url(lunafundo.jpg);
}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Luna - Produções e Eventos</title>
<link href="luna.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="topo">TOPO</div>
<hr />
<div id="menu">
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li><a href="">HOME</a></li>
<li><a href="">PRODUÇÕES E EVENTOS</a></li>
<li><a href="">CADASTRE-SE</a></li>
<li><a href="">FAÇA SUA FESTA</a></li>
<li><a href="">NOTÍCIAS</a></li>
<li><a href="">EVENTOS</a></li>
<li><a href="">SERVIÇOS</a></li>
<li><a href="">CONTATO</a></li>
</ul>
</div>
<div id="conteudo"></div>
<p> </p>
</body>
</html>CSS:
* {
padding: 0;
margin: 0;
}
#topo {
height:30px;
background-image: url(topo.jpg);
width:1000px;
border-top:2px #4A4A4A;
border-bottom:2px dotted #4A4A4A;
color:#999999;
}#menu li a {
display: block;
width: 200px;
color: #CCCCCC;
height: 18px;
line-height: 20px;
padding:16px;
text-decoration: none;
font: 16px Rockwell, tahoma, Geneva, sans-serif;
font-weight: normal;
font-variant: normal;
}
#conteudo {
background-image: url(conteudo.jpg);
width: 40px;
height: 50px;
}Ué... Está correto. A imagem terminou.
Coloque um repeat-x que tudo se resolve.
http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif
Não consigui.
#topo {
height:30px;
background-image: url(topo.jpg);
background-repeat: repeat-x; /*Adicione isso*/
width:1000px;
border-top:2px #4A4A4A;
border-bottom:2px dotted #4A4A4A;
color:#999999;
}http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif
Pois é. Como eu disse, não teve alteração alguma.
Tire o "width:1000px;"
Fala Rafael, você de novo. :D Vlw cara, consigui deu certinho, outra dúvida que quero tirar, e para posicionar para baixo? No caso, quero colocar os direitos reservados. E tbm se possivel poderia me passar algum link sobre esses estudos de posicionamento ? Obrigado!
Vecê diz, repetir o background para baixo?
background-repeat: repeat-y;
http://maujor.com/tutorial/backtut.php
Desculpe a minha ignorância, mas não deu certo.
Leia o link que lhe passei. Se quer repetir na horizontal e vertical use o código abaixo.
background-repeat: repeat;
Acho que você tentou isso? Os dois juntos não pode, para repetir para "cima" e para "baixo" use o código acima.
background-repeat: repeat-y;
background-repeat: repeat-x;
Posta o HTML e CSS.
http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif