Ir para conteúdo
Fórum Script Brasil
  • 0

Background-image não funciona no <div id>


pamellass

Pergunta

Olá gente! Gostaria muitissimo da ajuda de vocês por favor...

Tenho esse XHTML:

<!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>CEDM - Centro de Estudos da Dor e do Movimento</title>

<style type="text/css">

ul.nav {

list-style-type:none;

padding-left:0;

margin-left:0;

}

#top {

background-image:url(images/header.jpg);

background-repeat: no-repeat;

}

</style>

</head>

<body>

<div id="top">

</div>

<ul class="nav">

<li><a href="index.html">Home</a></li>

<li><a href="sobre.html">Sobre o CEDM</a></li>

<li><a href="dor.html">Prevenção da dor</a></li>

<li><a href="clinica.html">Clínica</a></li>

<li><a href="cursos.html">Cursos</a></li>

<li><a href="sports.html">Sports</a></li>

<li><a href="estudos.html">Centro de Estudos</a></li>

<li><a href="contato.html">Contato</a></li>

</ul>

</body>

</html>

Gostaria de saber o que é que eu estou fazendo de errado, pois o <div id="top"> parece que nem existe! A imagem que estou querendo colocar como background nele, não aparece , nem background-colour, nem nada....já tentei com aspas duplas, aspas n duplas, ../ , / e nada funciona. E o caminho da imagem sei q está certo pois quando testei a tag <img src...... funcionou!

O que pode ser? Heeeeelp please! :)

Link para o comentário
Compartilhar em outros sites

2 respostass a esta questão

Posts Recomendados

  • 0

A imagem não aparece porque é um background.. As divs ocupam espaço de acordo com o conteúdo. Como o background não é um conteúdo e a div está vazia, é como se a div estivesse com width e height igual a 0. Para o background aparecer, precisa colocar um valor para width e height.

Link para o comentário
Compartilhar em outros sites

  • 0

No caso aconselho voce a definir um tamanho, exemplo:

#top {

background-image:url(images/header.jpg);

background-repeat: no-repeat;

whidth: 600px;

height: 300px;

}

Se continuar não aparecendo dentro da div coloque o conteudo abaixo

Alt + 255

que adiciona um espaço em branco como se fosse um espaço

 

Link para o comentário
Compartilhar em outros sites

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.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,1k
    • Posts
      651,8k
×
×
  • Criar Novo...