(Resolvido) Remover borda...

Anderson Ferreira · Julho 20, 2009

Gostaria como remover estar 'bordas' brancas que ficam ao redor do background...

http://img32.imageshack.us/img32/6808/capturadetelac.png

Editado Julho 20, 2009 por Anderson Ferreira

Jonathan Queiroz · Julho 20, 2009

Qual é o id desse elemento na página ?

Tente acrescentar o seguinte a seu código:

position:relative;
margin:0px;

Anderson Ferreira · Julho 20, 2009

Tentei, mas não funcionou :S

No arquivo "index.html" ta assim:

[...]

<body class='geral'>
    <div class='topo'></div>
</body>

[...]

E no "estilo.css" ta assim (do jeito que você mandou):

.geral
    {
    background:#FFFFFF;
    }

.topo
    {
    background: url('../imagens/bg-topo.gif') repeat-x;
    height:281px;
    position:relative;
    margin:0px;
    }

E não funcinou :'(

Editado Julho 20, 2009 por Anderson Ferreira

tiago31 · Julho 20, 2009

e boa pergunta também quero..

olha eu fiz o seguinte para colocar no top assim

body
    {
    background-image:url('../imagens/bg-topo.gif');
    background-repeat:repeat-x;

    }

Anderson Ferreira · Julho 20, 2009

É, ele está no topo... Mas fica aquela margem branca ao redor :S

Acho que deve ser do firefox este problema :S

tiago31 · Julho 20, 2009

não fica não porque eu uso o fire fox...

e não fica posso colocar ate uma foto aqui...

Editado Julho 20, 2009 por tiago31

Anderson Ferreira · Julho 20, 2009

Eu acho q é porque eu to usando uma imagem como fundo...

tiago31 · Julho 20, 2009

não tem anda ave não

cola a imagem disponivel para ver se consigo.

Editado Julho 20, 2009 por tiago31

Jonathan Queiroz · Julho 20, 2009

Como está o seu código, Tiago ?

Testei da seguinte maneira:

<!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>
    <title>Teste</title>
    <style type="text/css">
        .geral
        {
        background:gainsboro;
        }

    .topo
        {
        background:red;
        height:281px;
        position:relative;
        margin:0px;
        border:none;
        padding:0px;
        clear:both;
        }
        .topo:before
        {
            margin-bottom:0px;
        }
    </style>
</head>
<body class='geral'>
    <div class='topo'></div>
</body>
</html>

E houve uma pequena diferença, conforme mostra a imagem:

tiago31 · Julho 20, 2009

o meu codigo ficou mais simples

<head>
<title>Untitled Document</title>
<style type="text/css">
<!--
body
    {
    background-image:url(fim.jpg);
    background-repeat:repeat-x;
    background-color:#003366;
    }
-->
</style>

</head>
<body>
</body>
</html>

Anderson Ferreira · Julho 20, 2009

Eu fiz igual a forma do Tiago, mas continua dando erro ¬¬

Ta ai o site inteiro, em .zip

Ta meio 'zuadãao' pois acabei de começar a fazer ele... Menus e logotipos tudo com erro...

Mas espero a ajuda de você's ;D

pagodim.zip >> http://www.megaupload.com/?d=98X3EAZL

Editado Julho 20, 2009 por Anderson Ferreira

tiago31 · Julho 20, 2009

beleza eu fiz um arquivo em html espero q ajude so baixar.

http://www.megaupload.com/?d=OE3XYLMU

Anderson Ferreira · Julho 21, 2009

Pois é 'Tiago', você estava certo...! Realmente não fica bordas ao redor...

Eu descobri qual era o meu problema:

Eu estava definindo todo o estilo do corpo do site em uma váriável. Ou seja, antes eu estava colocando assim:

---CSS---

.geral
   {
   background:url('../imagens/bg-topo.gif') no-repeat;
   margin:0px;
   padding:0px;
   }




---HTML---

[...]

<body class='geral'>

[...]

</body>

[...]

Sendo que o correto, eraa pra eu definir todo o estilo do corpo do site na tag: 'body', e não na tag 'geral'. Então ficou assim:

---CSS---

body
   {
   background:url('../imagens/bg-topo.gif') no-repeat;
   margin:0px;
   padding:0px;
   }




---HTML---

[...]

<body>

[...]

</body>

[...]

Ai sim ficou correto :D

*** Obrigado a todos,

Moderador: Favor marcar como respondido :)

Entrar

(Resolvido) Remover borda...

Pergunta

Link para o comentário

Compartilhar em outros sites

11 respostass a esta questão

Posts Recomendados

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns