Inserir um banner pelo CSS, como?

Eriert · Outubro 9, 2008

Olá, sou novo aqui e tenho uma duvida que acho que para muitos de vocês deve ser simples de resolver.

Comecei a aprender HTML e CSS algumas semanas, estou tentando inserir um banner em meu site, porém não estou tendo sucesso. Quando tento por html, não consigo que a imagem fique centralizada, e quando tento por CSS nada acontece.

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>heresy</title>
<link href="master.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="banner">
</div>
<div id="principal">
Imagine um texto aqui
</div>
</body>
</html>

CSS

@charset "utf-8";
/* */
body{
margin: auto;
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif
font-size: 11px;
background: #fafafa
}
/* layout */
#banner{
background-image:url("http://img129.imageshack.us/img129/4021/bannervi5.jpg");
background-repeat:no-repeat;
margin: auto;
}
#principal{
width: 800px;
height: 750px;
background: #ffffff;
margin: auto;
}

a pagina fica assim:

http://img261.imageshack.us/img261/277/imagemdb4.jpg

eu queria que aparecesse essa imagem no topo:

http://img129.imageshack.us/img129/4021/bannervi5.jpg

em qual parte eu errei?

Obrigado.

Editado Outubro 9, 2008 por Eriert

KaKarotto · Outubro 9, 2008

É que você não definiu o tamanho do div. Lembre-se, o div aí não tem conteúdo, não tem uma imagem dentro dele, então por padrão ele não tem tamanho definido.

Use o width e o height para atribuir a largura e altura reespectivamente.

Aquele abraço.

Entrar

Inserir um banner pelo CSS, como?

Pergunta

Eriert

Link para o comentário

Compartilhar em outros sites

1 resposta a esta questão

Posts Recomendados

KaKarotto

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades