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

(Resolvido) Background-image no css


bruno bpS

Pergunta

Ola pessoas ;D

Seguinte, estou fazendo uma especie de "atalhos" no top da pagina... dai eu fiz uma div com as seguintes configurações no CSS:

.top0 {
    margin-left:-10px;
    margin-right:-20px;
    margin-top:-10px;
    background-image: url(../imagens/top_0.png);
    height: 30px;
    }
Dai coloquei a div:
<div class="top0" id="top"></div>

A div fica em branca... não aparece a imagem :S :S., alguém sabe como resolver??, vlws ;D

Link para o comentário
Compartilhar em outros sites

15 respostass a esta questão

Posts Recomendados

  • 0

A imagem realmente se encontra no local especificado?

Caso sim e mesmo assim não apareça, troque:

background-image: url(../imagens/top_0.png);
por
background: url(../imagens/top_0.png);

Confira também se não tem nenhuma outra configuração nessa div, pois além da classe ela tem um id também.

Link para o comentário
Compartilhar em outros sites

  • 0

Olha eu troquei e não deu certo!

Sim a imagem ta ali sim. '-'

olha o codigo da pagina inteira:

<!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>
<link rel="shortcut icon" href="favicon.ico" >
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="google-site-verification" content="VbMYLhqTTdtK2YtZE_YODXqq7G-1NjjF0ANYMI5s14c" />
<title>:: Perfect World Loko ::</title>
<META NAME='revisit-after' CONTENT='ultima atualização'>
<META NAME='keywords' CONTENT='Perfect World Loko, Perfect World, MMORPG, Multplayer, Online, PWLoko, PW, Lokogames, Loko'>
<META NAME='description' CONTENT='Perfect World loko, servidor privado de Perfect World, Jogo Online, PWLoko, LokoGames'>
<META NAME='author' CONTENT='Diahn'>
<META NAME='copyright' CONTENT='Loko Games'>
<META NAME='language' CONTENT='Portuguese'>
<META NAME='ROBOTS' CONTENT='ALL'>
<link href="css/templates.css" rel="stylesheet" type="text/css" />
<link href="css/styles.css" rel="stylesheet" type="text/css" />
<link href="css/all.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div class="top0" id="top"></div>
<br />
</body>
</html>
E do css:
@charset "utf-8";
/* CSS Document */

.top0 {
    margin-left:-10px;
    margin-right:-20px;
    margin-top:-10px;
    height: 30px;
    background: url(../imagens/top_0.png);
    }

Link para o comentário
Compartilhar em outros sites

  • 0
  • 0

A div está sem conteudo! :P

Tente colocar um lorem ipsum nela pra você ver se o background não aparece correndo!

<div class="top0" id="top"><p>lorem ipsum dolor sit amet lorem ipsum dolor sit amet lorem ipsum dolor sit amet lorem ipsum dolor sit amet lorem ipsum dolor sit amet lorem ipsum dolor sit amet lorem ipsum dolor sit amet lorem ipsum dolor sit amet lorem ipsum dolor sit amet lorem ipsum dolor sit amet lorem ipsum dolor sit amet lorem ipsum dolor sit amet lorem ipsum dolor sit amet lorem ipsum dolor sit amet lorem ipsum dolor sit amet lorem ipsum dolor sit amet lorem ipsum dolor sit amet lorem ipsum dolor sit amet lorem ipsum dolor sit amet lorem ipsum dolor sit amet lorem ipsum dolor sit amet lorem ipsum dolor sit amet lorem ipsum dolor sit amet lorem ipsum dolor sit amet lorem ipsum dolor sit amet lorem ipsum dolor sit amet lorem ipsum dolor sit amet lorem ipsum dolor sit amet lorem ipsum dolor sit amet lorem ipsum dolor sit amet lorem ipsum dolor sit amet lorem ipsum dolor sit amet lorem ipsum dolor sit amet lorem ipsum dolor sit amet lorem ipsum dolor sit amet lorem ipsum dolor sit amet lorem ipsum dolor sit amet lorem ipsum dolor sit amet </p></div>

Agora pega! :D

Para que ela fosse exibida sem conteudo nenhum, você precisaria definir um width e um height para ela, só que para isso ela teria que ter um floot ou position: absolute/fixed.

Teste aí.

Abraços

Matheus Matos

P.S: Eitha! Como o vinny falou realmente não está linkado no css. Apenas uma div com classe .topprime

E outra dica, utilize CSS Resets, assim não precisa ficar margeando divs por divs. Saiba mais googleando e tenha exemplos aqui.

Editado por Matheus Matos
Link para o comentário
Compartilhar em outros sites

  • 0
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
      152k
    • Posts
      651,7k
×
×
  • Criar Novo...