Skip to main content
Tweeted twitter.com/#!/StackOverflowPT/status/446430641618685952
Formatação aprimorada e realce de sintaxe
Fonte Link
mgibsonbr
  • 82,6mil
  • 22
  • 186
  • 334

Criei um id no css com um background. Quando eu coloco a div no html o background fica beleza, mas quando eu coloco um <form>, a parte que ele ocupa fica branca.

Como fica:

Obs: quando coloco o texto em negrito também da no mesmo.

Como posso resolver isso?

Aqui tem um exemplo no JSFiddle e o meu código tá assim:

###CSS

#backgroundSlider{
   width: 100%;
   background: #000;
   height: 300px;
}
#backgroundSlider{
   width: 100%;
   background: #000;
   height: 300px;
}

###HTML

<!DOCTYPE html>
<meta charset="UTF-8">
<html>
    <head><title>Página de Contato</title>
        <link rel="stylesheet" href="styles.css">
    </head>
<body>
<div id="site">
    <div id="barramenu">menu menu menu menu</div>
    <div id="backgroundSlider">
    slider
        <form>
            Nome: <input type="text" name="nome"/><br>
            Email: <input type="email" name="email"/><br>
            Mensagem: <input type="text" name="menssagem"/><br>
            <input class="button" type="submit" value="Enviar"/>
        </form>
    </div>
    <div id="backgroundInfo">
    Background info
    </div>
    <div id="rodape">rodape</div>

</div>
</body>
</html>

Criei um id no css com um background. Quando eu coloco a div no html o background fica beleza, mas quando eu coloco um , a parte que ele ocupa fica branca.

Como fica:

Obs: quando coloco o texto em negrito também da no mesmo.

Como posso resolver isso?

Aqui tem um exemplo no JSFiddle e o meu código tá assim:

###CSS

#backgroundSlider{
   width: 100%;
   background: #000;
   height: 300px;
}

###HTML

<!DOCTYPE html>
<meta charset="UTF-8">
<html>
    <head><title>Página de Contato</title>
        <link rel="stylesheet" href="styles.css">
    </head>
<body>
<div id="site">
    <div id="barramenu">menu menu menu menu</div>
    <div id="backgroundSlider">
    slider
        <form>
            Nome: <input type="text" name="nome"/><br>
            Email: <input type="email" name="email"/><br>
            Mensagem: <input type="text" name="menssagem"/><br>
            <input class="button" type="submit" value="Enviar"/>
        </form>
    </div>
    <div id="backgroundInfo">
    Background info
    </div>
    <div id="rodape">rodape</div>

</div>
</body>
</html>

Criei um id no css com um background. Quando eu coloco a div no html o background fica beleza, mas quando eu coloco um <form>, a parte que ele ocupa fica branca.

Como fica:

Obs: quando coloco o texto em negrito também da no mesmo.

Como posso resolver isso?

Aqui tem um exemplo no JSFiddle e o meu código tá assim:

###CSS

#backgroundSlider{
   width: 100%;
   background: #000;
   height: 300px;
}

###HTML

<!DOCTYPE html>
<meta charset="UTF-8">
<html>
    <head><title>Página de Contato</title>
        <link rel="stylesheet" href="styles.css">
    </head>
<body>
<div id="site">
    <div id="barramenu">menu menu menu menu</div>
    <div id="backgroundSlider">
    slider
        <form>
            Nome: <input type="text" name="nome"/><br>
            Email: <input type="email" name="email"/><br>
            Mensagem: <input type="text" name="menssagem"/><br>
            <input class="button" type="submit" value="Enviar"/>
        </form>
    </div>
    <div id="backgroundInfo">
    Background info
    </div>
    <div id="rodape">rodape</div>

</div>
</body>
</html>
Adiciona o JSFiddle
Fonte Link
Gabe
  • 2,5mil
  • 2
  • 25
  • 40

Criei um id no css com um background. Quando eu coloco a div no html o background fica beleza, mas quando eu coloco um , a parte que ele ocupa fica branca.

Como fica:

Obs: quando coloco o texto em negrito também da no mesmo.

Como posso resolver isso? --edit-- Desculpas, por não ter colocado

Aqui tem um exemplo no JSFiddle e o meu código antes.tá assim:

Css:###CSS

#backgroundSlider{
   width: 100%;
   background: #000;
   height: 300px;
}

html:###HTML

<!DOCTYPE html>
<meta charset="UTF-8">
<html>
    <head><title>Página de Contato</title>
        <link rel="stylesheet" href="styles.css">
    </head>
<body>
<div id="site">
    <div id="barramenu">menu menu menu menu</div>
    <div id="backgroundSlider">
    slider
        <form>
            Nome: <input type="text" name="nome"/><br>
            Email: <input type="email" name="email"/><br>
            Mensagem: <input type="text" name="menssagem"/><br>
            <input class="button" type="submit" value="Enviar"/>
        </form>
    </div>
    <div id="backgroundInfo">
    Background info
    </div>
    <div id="rodape">rodape</div>

</div>
</body>
</html>

Criei um id no css com um background. Quando eu coloco a div no html o background fica beleza, mas quando eu coloco um , a parte que ele ocupa fica branca.

Como fica:

Obs: quando coloco o texto em negrito também da no mesmo.

Como posso resolver isso? --edit-- Desculpas, por não ter colocado o código antes.

Css:

#backgroundSlider{
   width: 100%;
   background: #000;
   height: 300px;
}

html:

<!DOCTYPE html>
<meta charset="UTF-8">
<html>
    <head><title>Página de Contato</title>
        <link rel="stylesheet" href="styles.css">
    </head>
<body>
<div id="site">
    <div id="barramenu">menu menu menu menu</div>
    <div id="backgroundSlider">
    slider
        <form>
            Nome: <input type="text" name="nome"/><br>
            Email: <input type="email" name="email"/><br>
            Mensagem: <input type="text" name="menssagem"/><br>
            <input class="button" type="submit" value="Enviar"/>
        </form>
    </div>
    <div id="backgroundInfo">
    Background info
    </div>
    <div id="rodape">rodape</div>

</div>
</body>
</html>

Criei um id no css com um background. Quando eu coloco a div no html o background fica beleza, mas quando eu coloco um , a parte que ele ocupa fica branca.

Como fica:

Obs: quando coloco o texto em negrito também da no mesmo.

Como posso resolver isso?

Aqui tem um exemplo no JSFiddle e o meu código tá assim:

###CSS

#backgroundSlider{
   width: 100%;
   background: #000;
   height: 300px;
}

###HTML

<!DOCTYPE html>
<meta charset="UTF-8">
<html>
    <head><title>Página de Contato</title>
        <link rel="stylesheet" href="styles.css">
    </head>
<body>
<div id="site">
    <div id="barramenu">menu menu menu menu</div>
    <div id="backgroundSlider">
    slider
        <form>
            Nome: <input type="text" name="nome"/><br>
            Email: <input type="email" name="email"/><br>
            Mensagem: <input type="text" name="menssagem"/><br>
            <input class="button" type="submit" value="Enviar"/>
        </form>
    </div>
    <div id="backgroundInfo">
    Background info
    </div>
    <div id="rodape">rodape</div>

</div>
</body>
</html>

Criei um id no css com um background. Quando eu coloco a div no html o background fica beleza, mas quando eu coloco um , a parte que ele ocupa fica branca.

Como fica:

Obs: quando coloco o texto em negrito também da no mesmo.

Como posso resolver isso? --edit-- Desculpas, por não ter colocado o código antes.

Css:

#backgroundSlider{
   width: 100%;
   background: #000;
   height: 300px;
}

html:

<!DOCTYPE html>
<meta charset="UTF-8">
<html>
    <head><title>Página de Contato</title>
        <link rel="stylesheet" href="styles.css">
    </head>
<body>
<div id="site">
    <div id="barramenu">menu menu menu menu</div>
    <div id="backgroundSlider">
    slider
        <form>
            Nome: <input type="text" name="nome"/><br>
            Email: <input type="email" name="email"/><br>
            Mensagem: <input type="text" name="menssagem"/><br>
            <input class="button" type="submit" value="Enviar"/>
        </form>
    </div>
    <div id="backgroundInfo">
    Background info
    </div>
    <div id="rodape">rodape</div>

</div>
</body>
</html>

</div>
</body>
</html>

Criei um id no css com um background. Quando eu coloco a div no html o background fica beleza, mas quando eu coloco um , a parte que ele ocupa fica branca.

Como fica:

Obs: quando coloco o texto em negrito também da no mesmo.

Como posso resolver isso? --edit-- Desculpas, por não ter colocado o código antes.

Css:

#backgroundSlider{
   width: 100%;
   background: #000;
   height: 300px;
}

html:

<!DOCTYPE html>
<meta charset="UTF-8">
<html>
<head><title>Página de Contato</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div id="site">
<div id="barramenu">menu menu menu menu</div>
<div id="backgroundSlider">
slider
    <form>
        Nome: <input type="text" name="nome"/><br>
        Email: <input type="email" name="email"/><br>
        Mensagem: <input type="text" name="menssagem"/><br>
        <input class="button" type="submit" value="Enviar"/>
    </form>
</div>
<div id="backgroundInfo">
Background info
</div>
<div id="rodape">rodape</div>

</div>
</body>
</html>

</div>
</body>
</html>

Criei um id no css com um background. Quando eu coloco a div no html o background fica beleza, mas quando eu coloco um , a parte que ele ocupa fica branca.

Como fica:

Obs: quando coloco o texto em negrito também da no mesmo.

Como posso resolver isso? --edit-- Desculpas, por não ter colocado o código antes.

Css:

#backgroundSlider{
   width: 100%;
   background: #000;
   height: 300px;
}

html:

<!DOCTYPE html>
<meta charset="UTF-8">
<html>
    <head><title>Página de Contato</title>
        <link rel="stylesheet" href="styles.css">
    </head>
<body>
<div id="site">
    <div id="barramenu">menu menu menu menu</div>
    <div id="backgroundSlider">
    slider
        <form>
            Nome: <input type="text" name="nome"/><br>
            Email: <input type="email" name="email"/><br>
            Mensagem: <input type="text" name="menssagem"/><br>
            <input class="button" type="submit" value="Enviar"/>
        </form>
    </div>
    <div id="backgroundInfo">
    Background info
    </div>
    <div id="rodape">rodape</div>

</div>
</body>
</html>
added 455 characters in body
Fonte Link
Carregando
formatação de código
Fonte Link
Math
  • 31,3mil
  • 15
  • 95
  • 132
Carregando
added 333 characters in body
Fonte Link
Carregando
Correção de erros. Adição de uma pergunta.
Fonte Link
Lucas Lima
  • 6,9mil
  • 3
  • 25
  • 54
Carregando
Fonte Link
Carregando