Sujet Précédent Sujet Suivant

Probleme avec un CSS

Fermé
chicotore Messages postés 2 Date d'inscription vendredi 30 octobre 2009 Statut Membre Dernière intervention 30 octobre 2009 - 30 oct. 2009 à 12:18
chicotore Messages postés 2 Date d'inscription vendredi 30 octobre 2009 Statut Membre Dernière intervention 30 octobre 2009 - 30 oct. 2009 à 12:31
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 !!

1 réponse

Réponse 1 / 1
chicotore Messages postés 2 Date d'inscription vendredi 30 octobre 2009 Statut Membre Dernière intervention 30 octobre 2009
30 oct. 2009 à 12:31
Bon alors en fait c'est assez bizarre !!

Sous SAFARI il n'y a que la bannière qui s'affiche alors que sous OPERA tout fonctionne parfaitement .... bizarre non ?
0

Discussions similaires

trait horizontal avec du css
tipi75 -
tipi75 -

8 réponses
[CSS] Forcé retour à la ligne
aKuma59 -
zigoss -

33 réponses
HTML - définir taille bouton
Diva -
Utilisateur anonyme -

14 réponses
[CSS] Mettre un objet au premier plan
Achillion -
tiran58 -

2 réponses
Enlever le soulignement sous les liens en HTML/CSS
baissaoui -
baissaoui -

0 réponse