Bonjour à tous,
Je suis en train de créer un site web pour une asbl.
Je précise d'emblée que je suis plus que novice en la matière.
J'ai mis mon projet en ligne sur http://users.tvcablenet.be/personal/tvcn149852 pour le tester et je constate que l'a photo que j'utilise comme image de fond sur ma page d'accueil s'affiche comme prévu en utilisant explorer mais pas avec firefox ou google crome (l'image doit être fortement atténuée suite effet CSS que je lui ai attribuée).
Cela fait deux jour que je cherche l'origine de mon problème en consultant forums et autres sites sur le net mais je ne trouva pas...
Quelqu'un aurait-il la gentillesse de m'aider.
Merci d'avance.
Voici le code de ma page:
<!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=iso-8859-1" />
<title>Acceuil</title>
<style type="text/css">
<!--
#apDiv1 {
position:absolute;
left:0px;
top:11px;
width:276px;
height:218px;
z-index:1;
}
#apDiv2 {
position:absolute;
left:-6px;
top:622px;
width:257px;
height:191px;
z-index:2;
}
#plandusite {
position:absolute;
left:-2px;
top:250px;
width:253px;
height:361px;
z-index:3;
color: #000;
background-color: #CCCCCC;
}
#apDiv4 {
position:absolute;
left:500px;
top:0px;
width:1px;
height:177px;
z-index:4;
}
#apDiv5 {
position:absolute;
left:536px;
top:50px;
width:550px;
height:150px;
z-index:4;
}
#apDiv6 {
position:absolute;
left:500px;
top:0px;
width:450px;
height:142px;
z-index:4;
}
.plandusite {
padding-left: 10px;
border: thin solid #000;
margin-left: 10px;
}
.mini {
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
color: #333;
}
#apDiv3 {
position:absolute;
left:0px;
top:834px;
width:262px;
height:27px;
z-index:5;
}
#apDiv7 {
position:absolute;
left:299px;
top:151px;
width:766px;
height:652px;
z-index:6;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-weight: bold;
overflow: auto;
background-image: url(Images/greg-IMG_7855.png);
}
.transpa {
filter: Alpha(Opacity=20);
}
#apDiv8 {
position:absolute;
left:353px;
top:155px;
width:771px;
height:628px;
z-index:0;
}
#apDiv9 {
position:absolute;
left:421px;
top:195px;
width:609px;
height:66px;
z-index:7;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: bold;
font-size: x-large;
text-align: center;
}
-->
</style>
</head>
<body>
<div id="apDiv1"><img src="Images/Logo_DPT13_color.jpg" width="286" height="235" /></div>
<div id="apDiv2"><img src="Images/Logo_bar_color_2.jpg" width="273" height="203" /></div>
<div class="plandusite" id="plandusite">
<h3 align="center"><font face="Verdana, Geneva, sans-serif"><u>PLAN DU SITE</u></font></h3>
<p><a href="Organigrame/organ.html" target="_self">Organigramme</a></p>
<p><a href="Planning & Menus/indexplan&menu.html" target="_self">Planning & menus</a></p>
<p>Activités promotionnelles</p>
<p>Bénévolat</p>
<p><a href="Galerie photos/indexphoto.html" target="_self">Galerie photos</a></p>
<p>Accès sécurisé</p>
<p> </p>
<p><a href="mailto:catering@wispawavre2010.com">Contactez nous</a></p>
</div>
<div id="apDiv6"><img src="Images/logo_wispawavre2010.jpg" width="448" height="143" /></div>
<div id="apDiv3">
<div align="center" class="mini">mis à jour le 30/11/2009</div>
</div>
<div id="apDiv8"><img src="Images/greg-IMG_7855.png" width="770" height="655" class="transpa" /></div>
<div id="apDiv9"><u>MESSAGE D'ACCUEIL</u></div>
</body>
</html>
Message édité par wispa le 01-12-2009 à 19:00:03