5568 sujets

Sémantique web et HTML

Bonjour à tous !

voilà j'ai une image en background et un flash avec fond transparent par dessus en 100%.

Il me faudrait un résultat comme sur ce site -http://www.minus.dk/

Une image en fond et le flash par dessus.
J'y suis presque arrivé mais j'ai un probleme avec mon image: elle se déforme...
Et je suis aussi perdu pour les résolutions à choisir. La je suis partis de ma résolution d'écran pour garantir la meilleur qualité car quand on etire sa devient dégeux... Donc j'ai mon flash en 1680x1050.
Mon image de fond est aussi en 1680.

Que dois je faire pour que mon image s'adapte à la résolution de chacun sans qu'elle se déforme ?

Le code de mon fichier index actuel:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/html40/loose.dtd">
<html>
  <head>
    <title>Movie1</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <meta name="author" content="">
    <meta name="generator" content="SWiSHmax  http://www.swishzone.com">
 
    <meta name="description" content="Movie1">
    <meta name="keywords" content="essais">
    <!-- text used in the movie -->
    <!-- essais -->
<style type="text/css">
body {margin:0px;}
#bg_image {
width: 100%;
height: 100%;
left: 0px;
top: 0px;
position: absolute;
z-index: 0;
}
#contents {
width: 100%;
height: 100%;
z-index: 1;
position: absolute;
}
</style>
</head>
<body>
<div id="bg_image"> 
<img src="contact.jpg" style="width: 100%; height: 100%;">
</div>
<div align="center" id="contents" valign="middle">
<table width="100%" height="100%" border="0">
<tr align="center">
<td bgcolor="">
<script type="text/javascript">startIeFix();</script>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
  codebase="swflash.cab#version=6,0,79,0" 
  id="index"
  width="100%" height="100%">
  <param name="wmode" value="transparent">
  <param name="movie" value="index.swf">
  <param name="bgcolor" value="">
  <param name="quality" value="high">
  <param name="allowscriptaccess" value="samedomain">
  <embed
 type="application/x-shockwave-flash"
 pluginspage="http://www.macromedia.com/go/getflashplayer"
 name="main"
 width="100%" height="100%"
 src="index.swf"
 quality="high"
 stage.scaleMode = "noScale"
 wmode="transparent" 
 swliveconnect="true"
 allowscriptaccess="samedomain">
 <noembed>
 </noembed>
  </embed>
</object>
</table>
</div>
</body>
</html>
Modérateur
Bonjour et bienvenue sebounet,

Le site que tu pointes se sert de SWFObject...

La FAQ (blog.deconcept) ou même la consultation de son code source aurait pu te renseigner si tu avais mené quelques investigations... Smiley cligne

Je me dois aussi de te prévenir qu'Alsacréations est un forum spécifiquement dédié aux standards et à l'accessibilité et qu'il ne traite pas des technologies inadaptées à la diffusion de contenu... telles que Flash. Smiley rolleyes Tu es donc prévenu pour la suite, ce type de sujet n'ayant pas sa place ici... Je te conseille pour cela de te renseigner sur des forums plus spécialisés dans le domaine... Smiley cligne