Bonjour,
J'ai essayé de mettre un background-color sur un div, et étrangement, ça ne fonctionne pas.
Voici le code:
HTML:
CSS:
Mon div est transparent, on voit ce qu'il y a en-dessous.
Comment faire?
Merci.
J'ai essayé de mettre un background-color sur un div, et étrangement, ça ne fonctionne pas.
Voici le code:
HTML:
<div id="main">
<div id="header">
...
<div id="dialog_box">
<img src="images/closetab.png" alt="" />
<form method="post" action="search.php">
<p>
<label for="recherche">Rechercher</label><br />
<select name="recherche" id="recherche">
<option value="tout">Tout</option>
<option value="lieux">Lieux</option>
<option value="events">Evénements</option>
</select>
</p>
<p>
Catégories:<br />
<input type="checkbox" name="cat1" id="cat1" /><label for="cat1">Catégorie 1</label><br />
<input type="checkbox" name="cat2" id="cat2" /><label for="cat1">Catégorie 2</label><br />
<input type="checkbox" name="cat3" id="cat3" /><label for="cat1">Catégorie 3</label><br />
<input type="checkbox" name="cat4" id="cat4" /><label for="cat1">Catégorie 4</label><br />
</p>
<input id="submit" type="submit" value="Rechercher" />
</form>
</div>
</div>
...
</div>
CSS:
#main
{
width: 75%;
margin-right: auto;
margin-left: auto;
overflow: hidden;
}
#header
{
width: 75%;
float: right;
}
#dialog_box
{
width: 55.5%;
float: right;
clear: both;
margin-right: 19px;
border: 1px solid rgb(100,100,100);
color: rgb(100,100,100);
background-color: white;
}
#dialog_box p
{
font-size: 14px;
margin-top: 8px;
margin-left: 5px;
margin-bottom: 8px;
}
#dialog_box img
{
width: 5%;
float: right;
margin-right: 5px;
margin-top: 5px;
cursor: pointer;
}
#dialog_box #submit
{
margin-left: 5px;
margin-bottom: 5px;
}
Mon div est transparent, on voit ce qu'il y a en-dessous.
Comment faire?
Merci.