Bonjour,
Rare sont les moments où je poste un problème sur le forum, mais permettez-moi de vous faire découdre de mon vernissage de cervelle avec vous.
La situation : je construit pour le moment un petit site internet uniquement au niveau codage ;
Le problème : je bloque sur l'insertion d'un élément Adobe Flash dans une page HTML ;
Les tentatives : j'ai essayé de la manière "normale" c'est à dire
Totalement fautive :
Ou même en déviant les fonctions :
Mais tout cela est sans succès, à chaque fois je n'ai pas d'affichage du Flash.
Comme vous pouvez-vous en douter, j'ai d'abord pensé à une mauvaise configuration de l'excellent Dewslider. Je l'ai donc ouvert "en standalone" dans un navigateur et on vois correctement les images. Donc cela ne vient pas de là.
Par la suite je me suis dit que n'étant pas doué dans les CSS, je masquais l'objet Flash... Et j'ai donc mis "une magnifique" bordure rouge pour pouvoir l'identifier. L'objet Flash apparaît sans aucuns soucis (enfin les bordures vous m'aurez compris) dans mon navigateur.
Enfin, je me suis dit que j'avais peut-être désactivé ou changé les propriétés d'affichage dans le User-CSS de mes navigateurs... Et non ce ne fut pas cela non plus.
En bref, il m'est dans l'absolu impossible d'afficher un objet Flash.
Pourriez-vous me conseiller ?
Voici ma structure :
|- ma_page_devant_contenir_flash.htm
|- dossier_CSS
|--- ma_css.css
|- dossier_Diaporama
|--- dewslider.swf
|--- dewslider.xml
|--- photographie1.jpg
|--- photographie2.jpg etc.
Mon code HTML4.01 :
Voici aussi ma CSS :
Le contenu de dewslider.xml :
Voila, disposant de tous les éléments clés, pouvez-vous me guider pourquoi cela ne fonctionne pas alors que je pense avoir suivis pas mal de recommandation...
G.
Modifié par Groumphy (24 Sep 2006 - 12:13)
Rare sont les moments où je poste un problème sur le forum, mais permettez-moi de vous faire découdre de mon vernissage de cervelle avec vous.
La situation : je construit pour le moment un petit site internet uniquement au niveau codage ;
Le problème : je bloque sur l'insertion d'un élément Adobe Flash dans une page HTML ;
Les tentatives : j'ai essayé de la manière "normale" c'est à dire
<object type="application/x-shockwave-flash" data="diaporama/dewslider.swf" width="600" height="200" id="test_obj">
<param name="movie" value="diaporama/dewslider.swf">
<param name="wmode" value="transparent">
<p>Image ou texte alternatif</p>
</object>Totalement fautive :
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="500" height="635" id="test">
<param name="movie" value="diaporama/dewslider.swf">
<param name="quality" value="high">
<embed src="diaporama/dewslider.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="500" height="635"></embed>
</object>Ou même en déviant les fonctions :
// Auteur : Groumphy
// Version : v1.0.1
// Licence : CreativeCommons Partage à l'identique BE
// SWF = le fichier Flash
// S_SWF = largeur du Flash
// H_SWF = hauteur du Flash
// ALT_IMG = image alternative
// ALT_TXT = texte alternatif
function _gFlash(swf, w_swf, h_swf, alt_img, alt_txt) {
document.write('<object type="application/x-shockwave-flash" data="' +
swf + '" width="' + w_swf + '" height="' + h_swf + '">');
document.write('<param name="movie" value="' + swf + '">');
document.write('<param name="wmode" value="transparent">');
if ((alt_img != '') || (alt_img != ' ')) {
document.write('<img src="' + alt_img + '" width="' + w_swf + '" height="'
+ h_swf + '" alt="">'); }
if ((alt_txt != '') || (alt_txt != ' ')) {
document.write('<p>' + alt_txt + '</p>'); }
document.write('</object>'); }Mais tout cela est sans succès, à chaque fois je n'ai pas d'affichage du Flash.
Comme vous pouvez-vous en douter, j'ai d'abord pensé à une mauvaise configuration de l'excellent Dewslider. Je l'ai donc ouvert "en standalone" dans un navigateur et on vois correctement les images. Donc cela ne vient pas de là.
Par la suite je me suis dit que n'étant pas doué dans les CSS, je masquais l'objet Flash... Et j'ai donc mis "une magnifique" bordure rouge pour pouvoir l'identifier. L'objet Flash apparaît sans aucuns soucis (enfin les bordures vous m'aurez compris) dans mon navigateur.
Enfin, je me suis dit que j'avais peut-être désactivé ou changé les propriétés d'affichage dans le User-CSS de mes navigateurs... Et non ce ne fut pas cela non plus.
En bref, il m'est dans l'absolu impossible d'afficher un objet Flash.
Pourriez-vous me conseiller ?
Voici ma structure :
|- ma_page_devant_contenir_flash.htm
|- dossier_CSS
|--- ma_css.css
|- dossier_Diaporama
|--- dewslider.swf
|--- dewslider.xml
|--- photographie1.jpg
|--- photographie2.jpg etc.
Mon code HTML4.01 :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html><!-- InstanceBegin template="/Templates/alpha1.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<!-- InstanceBeginEditable name="doctitle" -->
<title>Tof&tondu, restaurant spécialiséen scampis et salades</title>
<!-- InstanceEndEditable -->
<!-- DEBUT DE LA SECTION EDITABLE DU HEAD -->
<!-- InstanceBeginEditable name="head" --><!-- InstanceEndEditable -->
<!-- FIN DE LA SECTION EDITABLE DU HEAD -->
<link href="css/screen.css" rel="stylesheet" type="text/css" media="screen">
<script language="javascript1.1" src="http://www.google-analytics.com/urchin.js" type="text/javascript"></script>
</head>
<body>
<div id="conteneur">
<div id="entete">
<h1><a href="index.htm" accesskey="1">Tof & Tondu</a></h1>
<h2>Restaurant spécialisé dans les scampi et salades</h2>
</div>
<div id="corps">
<div id="menu">
<ul>
<li><a href="le_restaurant.htm" hreflang="fr" accesskey="7">Le restaurant</a></li>
<li><a href="la_carte_restaurant.htm" hreflang="fr" accesskey="8">La carte</a></li>
<li><a href="photographies_restaurant.htm" hreflang="fr" accesskey="9">Photographies</a> </li>
</ul>
</div>
<h3><!-- InstanceBeginEditable name="Titre_de_la_page" -->Titre_de_la_page<!-- InstanceEndEditable --></h3>
<!-- InstanceBeginEditable name="contenu_page" -->
<p>Un diaporama :</p>
<object type="application/x-shockwave-flash" data="diaporama/dewslider.swf" width="600" height="200" id="test_obj">
<param name="movie" value="diaporama/dewslider.swf">
<param name="wmode" value="transparent">
<p>Image ou texte alternatif</p>
</object>
<!-- <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="500" height="635" id="test">
<param name="movie" value="diaporama/dewslider.swf">
<param name="quality" value="high">
<embed src="diaporama/dewslider.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="500" height="635"></embed>
</object> -->
<!-- InstanceEndEditable -->
</div>
<div id="pied">
<p>not yet implemented</p>
<ul>
<li><a href="changelog.htm" hreflang="fr">Changelog</a></li>
<li><a href="politique_accessibilite.htm" hreflang="fr" accesskey="0">Politique d'accessibilité</a></li>
<li><a href="mention_legale.htm" accesskey="4">Mentions légales</a></li>
<li><a href="plan_site.htm" hreflang="fr" accesskey="3">Plan du site</a></li>
</ul>
<script language="javascript1.1" type="text/javascript">
_uacct = "UA-461226-1";
urchinTracker();
</script>
</div>
</div>
</body>
<!-- InstanceEnd --></html>Voici aussi ma CSS :
/* [...] not yet implemented ^
^ : excepté le positionnement du pied déposé directement en dessous du contenu
*/
/* RESET de toutes les marges, détourages et bordures */
* {
margin: 0;
padding: 0;
border: 0;
}
/* Définition du HTML et du BODY à 100%, permet de positionner le pied aisément */
html, body {
height: 100%;
}
/* Mise en forme du body */
body {
background-color: #FFF;
}
/* Pour les liens, il faut qu'ils contiennent automatiquement la langue */
a[hreflang]:after {
content: "\A0("attr(hreflang)")"; /* ne fonctionne pas sur les navigateurs non respectueux des standards */
/*vertical-align: middle;*/
}
/* Pour les liens, il faut qu'il y aie une image préalablement */
a:before {
content: url(../img/link.png);
/*vertical-align: middle;*/
}
/* Mise en forme du conteneur */
#conteneur {
width: 760px;
margin-right: auto;
margin-left: auto;
background-color: #FFF;
}
/* Positionnement du corps général en relation avec le pied. */
#corps {
font: normal medium Georgia, "Bookman Old Style", Bookman, "New Century Schoolbook", "Bookman Antiqua", Palatino, "Utopia", "New York", "Times New Roman", Times, serif;
width: 760px;
position: relative;
min-height: 100% /* attention, non pris en charge par IE<v6 et Safari */
list-style: none;
}
#corps a, #corps a:active, #corps a:visited {
color: #333;
text-decoration: none;
}
#corps a:hover {
text-decoration: underline;
}
#corps h3 {
font: bold large Verdana, "Lucida Grande", Lucida, Tahoma, "Trebuchet MS", Arial, Geneva, Helvetica, sans-serif;
color: #933;
margin-top: 20px;
margin-bottom: 10px;
}
#corps h4 {
font: italic bold large medium Georgia, "Bookman Old Style", Bookman, "New Century Schoolbook", "Bookman Antiqua", Palatino, "Utopia", "New York", "Times New Roman", Times, serif;
color: #933;
margin-top: 10px;
margin-bottom: 10px;
}
#carte_index {
list-style: none;
}
#corps p {
margin-top: 3px;
margin-bottom: 3px;
}
/* Positionnement du pied de page et mise en forme */
#pied {
width: 760px;
height: 50px;
/*margin-right: auto;
margin-left: auto;*/
/*bottom: 0;*/
overflow: hidden;
/*position: absolute;*/
font: x-small Verdana, "Lucida Grande", Lucida, Tahoma, "Trebuchet MS", Arial, Geneva, Helvetica, sans-serif;
color: #CCC;
/*padding: 3px;*/
text-align: center;
background: #933;
margin-top: 10px;
}
/* Affichage de la liste en ligne dans le pied de page */
#pied ul li {
display: inline;
margin-right: 15px;
}
#pied ul li:after {
content: ", ";
}
/* Mise en forme des liens dans le pied de page */
#pied a, #pied a:visited, #pied a:active {
text-decoration: none;
color: #F63;
}
#pied a:hover {
text-decoration: underline;
}
/* Mise en page de l'en-tête */
#entete {
width: 760px;
height: 80px;
top: 0;
margin-left: auto;
margin-right: auto;
/*padding: 5px;*/
background: #933;
}
/* Mise en forme de la balise du titre H1 */
#entete h1 {
font: bold small-caps normal x-large Verdana, "Lucida Grande", Lucida, Tahoma, "Trebuchet MS", Arial, Geneva, Helvetica, sans-serif;
color: #CCC;
}
/* Mise en forme de la balise du titre H2 (Devise) */
#entete h2 {
font: italic normal medium Georgia, "Bookman Old Style", Bookman, "New Century Schoolbook", "Bookman Antiqua", Palatino, "Utopia", "New York", "Times New Roman", Times, serif;
color: #CCC;
}
#entete h1 a, #entete h1 a:visited, #entete h1 a:hover, #entete h1 a:active {
text-decoration: none;
color: #CCC;
}
/* Correction du HREFLANG et des PSEUDO-ELEMENTS pour l'en-tête */
#entete h1 a[hreflang]:after, #entete h1 a:before {
content: "";
}
/* Mise en forme du menu de navigation */
#menu {
font: small Verdana, "Lucida Grande", Lucida, Tahoma, "Trebuchet MS", Arial, Geneva, Helvetica, sans-serif;
background-color: #CCC;
text-align: center;
height: 20px;
width: 760px;
}
/* Mise en forme de la liste contenue dans le menu de navigation correspondant à la navigation maître */
#menu ul li {
display: inline;
padding-right: 5px;
padding-left: 5px;
}
/* Mise en forme primaire des liens du menu de navigation */
#menu ul li a, #menu ul li a:active, #menu ul li a:visited {
color: #666666;
text-decoration: none;
}
#menu ul li a:hover {
color: #333;
text-decoration: underline;
}
/* Correction des PSEUDO-ELEMENTS du menu de navigation */
#menu a:before {
content: "[";
}
#menu a[hreflang]:after {
content: "]";
}
/* EN TEST */
/*Georgia, "Bookman Old Style", Bookman, "New Century Schoolbook", "Bookman Antiqua", Palatino, "Utopia", "New York", "Times New Roman", Times, serif;*/
#peinture_tt {
float: right;
margin-bottom: 20px;
}
#scampis, #entrees, #salades, #pates, #viandes, #poissons, #dessert {
list-style: none;
margin-left: 40px;
}
#test_obj {
margin: 0;
border: 5px solid #FF0000;
}Le contenu de dewslider.xml :
<?xml version="1.0" ?>
<album
width="500"
height="375"
bgcolor="0xeeeeee"
framecolor="0xffffff"
padding="10"
margin="10"
shadow="8"
shadowopacity="15%"
shadowcolor="0x000000"
showbuttons="on"
buttonstyle="flat"
showtxt="on"
txtcolor="0xcccccc"
auto="5"
fullscreen="off"
>
<img src="img1.jpg" title="photographie 1" />
<img src="CIMG2288.JPG" title="photographie1" />
<img src="CIMG2301.JPG" title="photographie2" />
<img src="CIMG2302.JPG" title="photographie3" />
<img src="CIMG2304.JPG" title="photographie4" />
<img src="CIMG2307.JPG" title="photographie5" />
</album>Voila, disposant de tous les éléments clés, pouvez-vous me guider pourquoi cela ne fonctionne pas alors que je pense avoir suivis pas mal de recommandation...
G.
Modifié par Groumphy (24 Sep 2006 - 12:13)