28172 sujets

CSS et mise en forme, CSS3

Css background

Bonjour à toutes et à tous,

css background

Je cherche à utiliser la propriété background. J'ai construit une maquette. Je voudrais placer un fond d'écran dans le bloc contenu. J'obtiens un affichage uniquement de l'image. Je voudrais un remplissage du bloc contenu. J'ai utilisé repeat, sans succès.
Où est l'erreur?

Le fichier index et les sous dossiers images et css sont dans le même dossier.

Fichier index


<html>
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<link href="css/styles.css" rel="stylesheet" type="text/css">
<title>Accueil</title>
</head>
<body>
<br>
<div id="bandeau1">
<h1>Titre</h1>
</div>
<div id="bandeau2">Bandeau 2</div>
<div id="contenu">
<div id="figure1">
<div id="image1">Ceci est le contenu&lt;br&gt;
&lt;img style=" width:="" 995px;="" height:=""
50px;="alt="bg_liste.jpg"
src="images/bg_liste.jpg"&gt;<br>
</div>
</div>
</div>
<div id="pied_page">Ceci est le pied de page</div>
</body>
</html>


Fichier styles.css


@charset "utf-8";
div {
  text-align: center;
margin-right:auto;
margin-left:auto
}
div#bandeau1 {
  width: 995px;
  height: 50px;
  background-color: #00ccff;
}
div#bandeau2 {
  width: 995px;
  height: 30px;
  background-color: #33ffff;
}
div#contenu {
  width: 995px;
  height: 645px;
  background-color: #ffcc00;
}
div#pied_page {
  clear: both;
  width: 995px;
  height: 50px;
  background-color: #33ff99;
}

#figure1 {
	width:995px;
	margin: 20px;
	background: url(../images/bg_liste.jpg) repeat-y;
	padding: 0 0 0 45px;
}


Avec mes remerciements
Cordialement
Papy
A quoi se réfère ton Id="image1" ? Je ne le vois pas dans le CSS
Modifié par filtep (18 Feb 2011 - 09:39)
Merci filtep,

J'ai corrigé index. Désormais, il n'y a que figure1.


<html>
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<link href="css/styles.css" rel="stylesheet" type="text/css">
<title>Accueil</title>
</head>
<body>
<br>
<div id="bandeau1">
<h1>Titre</h1>
</div>
<div id="bandeau2">Bandeau 2</div>
<div id="contenu">
<div id="figure1">Ceci est le contenu</div>
</div>
<div id="pied_page">Ceci est le pied de page</div>
</body>
</html>




Avec mes remerciements
Cordialement
Papy
Modifié par Jean Sympa (18 Feb 2011 - 10:07)
Sujet clos
Aller à