Probleme avec un CSS
chicotore
Messages postés
2
Date d'inscription
Statut
Membre
Dernière intervention
-
chicotore Messages postés 2 Date d'inscription Statut Membre Dernière intervention -
chicotore Messages postés 2 Date d'inscription Statut Membre Dernière intervention -
Bonjour a tous,
Je vient vous demander de l'aide car la j'ai un petit problème avec mon site web en construction ( https://www.118712.fr/sortir.html ).
Donc voila le soucis, les background de mes DIV ne ce charge pas ( a part celui de la bannière ), il devrait y avoir un carré gris+cadre blanc autour de la photo welcome et de l'ecriture. Le lien avec le CSS sur la page HTML est le bon car j'ai bien mon effet de "cover-flow" et les lien des images sont les bon ( j'ai testé en insérant directement le lien de mon image dans la page HTML ) !!
Voila donc les codes:
@charset "UTF-8";
/* CSS Document */
#bando {
background-image: url(image/baniere.jpg);
height: 280px;
width: 900px;
margin: 0px;
padding: 0px;
clear: none;
text-align: center;
}
#menu {
width: 900px;
height: 96px;
list-style-position: outside;
text-align: center;
}
#menu img {
width:64px;
height:64px;
}
#menu img:hover {
width:96px;
height:96px;
}
#reflet {
background-image: url(Sans titre-1.png);
height: 30px;
width: 700px;
margin-left: 100px;
background-position: -10px;
}
#hautcorp {
background-image: url(image/hautcorp.jpg);
margin-left: 100px;
height: 20px;
width: 701px;
}
#corp {
background-image: url(image/milieucorp.png);
color: #FFF;
height: 200px;
width: 251px;
background-repeat: repeat-y;
position: relative;
float: left;
margin-left: 100px;
padding-left: 20px;
}
#corp2 {
background-image: url(image/milieucorp.png);
position: relative;
float: left;
padding: 0px;
margin: 0px;
height: 200px;
width: 430px;
background-position: -271px;
text-align: center;
}
#bascorp {
background-image: url(image/bascorp.png);
margin-left: 100px;
width: 701px;
background-position: 1px;
position: fixe;
color: #B4B4B4;
text-align: center;
}
#corp2 p {
font-family: "Comic Sans MS", cursive;
font-size: 16px;
font-style: italic;
color: #FFF;
}
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Document sans nom</title>
<link href="site.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
<!--
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
//-->
</script>
</head>
<body style ="background-image: url(image/fond-peti2.png); background-attachment:fixed;">
<body>
<div id="bando"></div>
<div id="menu"><a href="dw.html"><img src="image/adobe-cs3-dreamweaver-dw-icone-8784-96.png" width="96" height="96" hspace="8" vspace="16" /></a><a href="autocad.html"><img src="image/autocad-icone-8783-96.png" width="96" height="96" hspace="8" vspace="16" /></a><a href="mkv.html"><img src="image/bluray-icone-4071-96.png" width="96" height="96" hspace="8" vspace="16" /></a><a href="voiture.html"><img src="image/cabriolet-voiture-rouge-icone-9411-96.png" width="96" height="96" hspace="8" vspace="16" /></a><a href="photo.html"><img src="image/f-spot-icone-7016-96.png" width="96" height="96" hspace="8" vspace="16" /></a><a href="totoshop.html"><img src="image/photoshop-icone-5953-96.png" width="96" height="96" hspace="8" vspace="16" /></a><a href="mac.html"><img src="image/ordinateur-macpro-icone-6200-96.png" width="96" height="96" hspace="8" vspace="16" /></a><a href="site.html"><img src="image/knewsticker-icone-5717-96.png" width="96" height="96" hspace="8" vspace="16" /></a></div>
<div id="reflet"></div>
<div id="haut-corp"></div>
<div id="corp"><img src="image/leopard-welcome.jpg" width="251" height="193" hspace="0" vspace="0" />
</div>
<div id="corp2">
<p> </p>
<p>Bienvenue sur le Chicotore's Web-site ... Bon Surf</p>
</div>
<div id="bas-corp"> "</div>
</body>
</html>
voila un grand merci a vous !!
Je vient vous demander de l'aide car la j'ai un petit problème avec mon site web en construction ( https://www.118712.fr/sortir.html ).
Donc voila le soucis, les background de mes DIV ne ce charge pas ( a part celui de la bannière ), il devrait y avoir un carré gris+cadre blanc autour de la photo welcome et de l'ecriture. Le lien avec le CSS sur la page HTML est le bon car j'ai bien mon effet de "cover-flow" et les lien des images sont les bon ( j'ai testé en insérant directement le lien de mon image dans la page HTML ) !!
Voila donc les codes:
@charset "UTF-8";
/* CSS Document */
#bando {
background-image: url(image/baniere.jpg);
height: 280px;
width: 900px;
margin: 0px;
padding: 0px;
clear: none;
text-align: center;
}
#menu {
width: 900px;
height: 96px;
list-style-position: outside;
text-align: center;
}
#menu img {
width:64px;
height:64px;
}
#menu img:hover {
width:96px;
height:96px;
}
#reflet {
background-image: url(Sans titre-1.png);
height: 30px;
width: 700px;
margin-left: 100px;
background-position: -10px;
}
#hautcorp {
background-image: url(image/hautcorp.jpg);
margin-left: 100px;
height: 20px;
width: 701px;
}
#corp {
background-image: url(image/milieucorp.png);
color: #FFF;
height: 200px;
width: 251px;
background-repeat: repeat-y;
position: relative;
float: left;
margin-left: 100px;
padding-left: 20px;
}
#corp2 {
background-image: url(image/milieucorp.png);
position: relative;
float: left;
padding: 0px;
margin: 0px;
height: 200px;
width: 430px;
background-position: -271px;
text-align: center;
}
#bascorp {
background-image: url(image/bascorp.png);
margin-left: 100px;
width: 701px;
background-position: 1px;
position: fixe;
color: #B4B4B4;
text-align: center;
}
#corp2 p {
font-family: "Comic Sans MS", cursive;
font-size: 16px;
font-style: italic;
color: #FFF;
}
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Document sans nom</title>
<link href="site.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
<!--
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
//-->
</script>
</head>
<body style ="background-image: url(image/fond-peti2.png); background-attachment:fixed;">
<body>
<div id="bando"></div>
<div id="menu"><a href="dw.html"><img src="image/adobe-cs3-dreamweaver-dw-icone-8784-96.png" width="96" height="96" hspace="8" vspace="16" /></a><a href="autocad.html"><img src="image/autocad-icone-8783-96.png" width="96" height="96" hspace="8" vspace="16" /></a><a href="mkv.html"><img src="image/bluray-icone-4071-96.png" width="96" height="96" hspace="8" vspace="16" /></a><a href="voiture.html"><img src="image/cabriolet-voiture-rouge-icone-9411-96.png" width="96" height="96" hspace="8" vspace="16" /></a><a href="photo.html"><img src="image/f-spot-icone-7016-96.png" width="96" height="96" hspace="8" vspace="16" /></a><a href="totoshop.html"><img src="image/photoshop-icone-5953-96.png" width="96" height="96" hspace="8" vspace="16" /></a><a href="mac.html"><img src="image/ordinateur-macpro-icone-6200-96.png" width="96" height="96" hspace="8" vspace="16" /></a><a href="site.html"><img src="image/knewsticker-icone-5717-96.png" width="96" height="96" hspace="8" vspace="16" /></a></div>
<div id="reflet"></div>
<div id="haut-corp"></div>
<div id="corp"><img src="image/leopard-welcome.jpg" width="251" height="193" hspace="0" vspace="0" />
</div>
<div id="corp2">
<p> </p>
<p>Bienvenue sur le Chicotore's Web-site ... Bon Surf</p>
</div>
<div id="bas-corp"> "</div>
</body>
</html>
voila un grand merci a vous !!
A voir également:
- Probleme avec un CSS
- Enlever le soulignement d'un lien css - Forum CSS
- Css download - Télécharger - HTML
- Background color css ✓ - Forum CSS
- Css ligne horizontale ✓ - Forum CSS
- Enlever soulignement lien css ✓ - Forum CSS
