Bonjour à tous,
je suis nouveau sur ce forum et novice en programmation.
j'ai une page d'accueil à réaliser en html ave un style css et je rencontre des problèmes de compatibilité en les différent navigateurs: Firefox 3.0.3 et IE7.
J'ai une bordure à réaliser autour d'un flash et d'une image, pour ce faire j'utilise une image.
Deux choses que je n'arrive pas à régler:
- J'ai un espace en dessous de mon flash et la bordure sous Firefox
- Ma bordure horizontal ne fais pas 4 mais 19 px sous IE7
Savez vous egalement comment centrer verticalement du texte? Comme dans <div id="acceuil">
Voici les codes :
HTML :
<html>
<head>
<title>Aerosph'air</title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div id="contenu">
<div id="menu">
<b>
<div id="bordureg"></div>
<div id="acceuil"><a href="#"><font color=#FF0033><br>Acceuil</font></a></div>
<div id="centre"></div>
<div id="menusuite"><a href="#">A propos...</a></div>
<div id="centre"></div>
<div id="menusuite"><a href="#">Evenement</a></div>
<div id="centre"></div>
<div id="menusuite"><a href="#">Photo</a></div>
<div id="centre"></div>
<div id="menusuite"><a href="#">Forum</a></div>
<div id="centre"></div>
<div id="menusuite"><a href="#">Contact</a></div>
<div id="bordured"></div>
</div>
<div id="bordurehflash"></div>
<div id="bordurevflash"></div>
<div id="flash"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="
http://fpdownload2.macromedia.com/get/shockwave/cabs/flash/swflash.cab#version=7,0,19,0 " width="410" height="220">
<param name="movie" value="flashs finalisés/ballon.swf">
<param name="quality" value="high">
<embed src="flashs finalisés/ballon.swf" quality="high" pluginspage="
https://get.adobe.com/flashplayer/ " type="application/x-shockwave-flash" width="410" height="220"></embed>
</object></div>
<div id="bordurevflash"></div>
<div id="aerosphair"></div>
<div id="bordurevflash"></div>
<div id="bordurehflash"></div>
</div>
</body>
</html>
Et voici le style.css:
body{
background-color:#42BCFD;
margin:0 auto;
font-family:candara;
text-align:center;
}
/*contenu,pas centrer sur explorer-------------------------*/
#contenu{
width: 767px;
position:relative;
margin-left:auto;
margin-right:auto;
background-color:#0AAAFE;
background-repeat:repeat-y;
}
/* Banniere avec bouton------------------------------------------------------------------*/
#menu a{
text-decoration:none;
color:#0AAAFE;
font-size:22;
}
/*bordure gauche menu------------------------------------*/
#bordureg{
float:left;
width:3px;
height:80px;
background-image:url(image-aerosphair/img01.gif);
background-repeat:repeat;
}
/*bordure droite menu---------------------------------------*/
#bordured{
float:left;
width:4px;
height:80px;
background-image:url(image-aerosphair/img01.gif);
background-repeat:repeat;
}
/*bouton acceuil-----------------------------------------*/
#acceuil{
color:#FF0033;
text-align:center;
float:left;
width:125px;
height:80px;
background-image:url(image-aerosphair/img03.gif);
}
/*separation boutons du menu---------------------------------*/
#centre{
float:left;
width:2px;
height:80px;
background-image:url(image-aerosphair/img01.gif);
background-repeat:repeat;
}
/*boutons du menu---------------------------------------------------*/
#menusuite{
text-align:center;
float:left;
width:125px;
height:80px;
background-image:url(image-aerosphair/img02.gif);
}
#flash{
float:left;
}
/*bordure horizontal du flash--------------------------------*/
#bordurehflash{
float:left;
width:767px;
height:4px;
background-image:url(image-aerosphair/img01.gif);
background-repeat:repeat;
background-attachment: fixed;
;
}
/*bordure vertical du flash------------------------------------*/
#bordurevflash{
float:left;
width:4px;
height:220px;
background-image:url(image-aerosphair/img01h.gif);
background-repeat:repeat;
}
#flash{
float:left;
}
#aerosphair{
float:left;
width:345px;
height:220px;
background-image:url(image-aerosphair/aerosphair.jpg);
background-repeat:no-repeat;
}
#gauche {
width:350px;
margin-left:30px;
text-align:justify;
}
/#stopflot{
clear:both;
}
Merci d'avance pour vos réponse et pour votre aide.
Afficher la suite
