j'ai un petit soucis à régler dans mon site (je suis plus ou moins débutant)
j'ai fait une page toute banale qui fonctionne à merveille sous ie et opéra mais pas sous firefox et safari
j'aimerais comprendre où est le problème.
Voici approximativement le code :
!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<meta name="description" content="xxxxxxxxxxxxxxxxxxxxxxx">
<meta name="keywords" content="xxxxxxxxxxxxxxxxxxxxxxx">
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title>monsite</title>
<style type="text/css">
body {
text-align:center;
background-color:White;
}
a{
text-decoration:none;
}
.conteneur_principal {
margin-top:3%;
margin-right:auto;
margin-left:auto;
background-image:url(img/bg_accueil.jpg);
text-align:left;
width:500px;
height:500px;
}
.zone_de_texte1 {
z-index:98;
position:absolute;
margin-top:30px;
margin-left:50px;
color:#FF6600;
font-size:18px;
font-family:verdana;
}
.zone_de_texte2 {
z-index:99;
position:absolute;
margin-top:60px;
margin-left:70px;
font-family:verdana;
font-size:15px;
line-height:350%;
color:#FF9900;
}
.zone_de_texte3 {
z-index:30;
position:absolute;
padding-top:100px;
padding-left:80px;
font-family:verdana;
font-size:12px;
color:#66CCFF;
}
.zone_de_texte3 a{
color:#66CCFF;
}
.zone_de_texte3 a:hover{
color:#FFCCFF;
}
.zone_de_texte4 {
z-index:30;
position:absolute;
padding-top:0px;
padding-left:435px;
}
.zone_de_texte5 {
z-index:30;
position:absolute;
margin-top:180px;
margin-left:70px;
font-family:verdana;
font-size:15px;
line-height:350%;
color:#FF9900;
}
.zone_de_texte6 {
z-index:30;
position:absolute;
padding-top:220px;
padding-left:80px;
font-family:verdana;
font-size:12px;
color:#66CCFF;
}
.zone_de_texte6 a{
color:#66CCFF;
}
.zone_de_texte6 a:hover{
color:#FFCCFF;
}
.zone_de_texte7 {
z-index:30;
position:absolute;
padding-top:430px;
padding-left:350px;
font-family:verdana;
font-size:12px;
color:#3399CC;
}
.zone_de_texte7 a{
color:#66CC00;
}
.zone_de_texte7 a:hover{
color:#CC66FF;
}
</style>
</head>
<body>
<div class="conteneur_principal" align="center">
<div class="zone_de_texte1">
<b>ACTIVITES</b>
</div>
<div class="zone_de_texte2">
<b>act1</b>
</div>
<div class="zone_de_texte3">
<a href="http://index.html" target="_blank">Lien</a><br />
<a href="about:blank" target="_blank">*En cours</a>
</div>
<div class="zone_de_texte4">
<!--Dewplayer-->
<object type="application/x-shockwave-flash" data="player/dewplayer.swf?mp3=mp3/sd_accueil.mp3&autostart=1&autoreplay=0&showtime=1&volume=60" width="60" height="20">
<param name="wmode" value="transparent" />
<param name="movie" value="player/dewplayer.swf?mp3=mp3/sd_accueil.mp3&autostart=1&autoreplay=0&showtime=1&volume=60" />
</object>
<!--Fin Dewplayer-->
</div>
<div class="zone_de_texte5">
<b>act2</b>
</div>
<div class="zone_de_texte6">
<a href="http://...." target="_blank">Lien</a>
</div>
<div class="zone_de_texte7">
<b>Un renseignement,<br /> un commentaire?</b><br />
<a href="mailto:mail@fai.fr">mail</a>
</div>
</div>
</body>
</html>
Merci de votre aide!
