page html avec plusieurs flashs

Version imprimable

13/08/2007, 20h18
junwebdf

page html avec plusieurs flashs

Bonjour,
je me suis décidé à poster ce message car depuis un petit moment je tourne en rond car je cherche le meilleur moyen de placer 2 objets flash sur une page html à des endroit bien précis.

J'ai regardé l'aide dans la partie cours html, j'y ai vu des choses intéressant dont l'utilisation de la balise iframe, mais tout pousse à utiliser le CSS. Inutile de vous dire que je début en HTML et CSS ... :aie:

J'ai :
-Un fichier index.php qui est en fait un fichier flash avec un menu et une image en arrière-plan (c'est le 1er flash)
-un player flash/mp3 (qui est en fait une page html se trouvant dans 1 sous-répertoire).

:fleche: pour le positionnement je voulais que le 1er flash se trouve en fond, et que le 2ème flash se trouve en haut à gauche en dessous du menu et don sur le 1er flash. (c'est le 2ème flash)

Je ne sais pas s'il faut utiliser une commande pour la transparence des 2 blocs et sinon laquelle ?

Pouvez vous m'aider s'il vous plait ?

Merci.

Oubli: voici l'adresse du site (pour le code source)

Site

Rien de bien compliqué. Il suffit de placer ta balise object à l'endroit où tu veux le placer.
Code:

1 2 3 4 <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="800" height="600"> <param name="movie" value="votre animation.swf"> <param name="quality" value="high"> <embed src="votre animation .swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="800" height="600"></embed></object>
. C'est un exemple parmis tant d'autres trouvé sur la toile.

Tu peux par exemple le placer entre des <div></div> ... et positionner en css.

14/08/2007, 00h36
junwebdf

Bonsoir et merci pour ta réponse,

Justement quels sont ces commandes ?

-pour placer un flash sur un autre ?
-pour dire que le 2eme bloc est à droite.
-et donc de lire automatiquement ces 2 flashs tout en sachant que le 2ème n'est pas à la racine, mais dans 2 sous dossiers.

merci.

voici le code de mon fichier index :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
 
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td valign="middle" align="center">
    <center>
      <object
        classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
        codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=4,0,2,0"
        id="index"
        width="1024" height="768"
      >
        <param name="movie" value="index.swf" />
 
        <param name="bgcolor" value="#FFFFFF" />
        <param name="quality" value="high" />
        <param name="allowscriptaccess" value="samedomain" />
        <embed
          type="application/x-shockwave-flash"
          pluginspage="http://www.macromedia.com/go/getflashplayer"
          name="index"
          width="1024" height="768"
          src="index.swf"
          bgcolor="#FFFFFF"
          quality="high"
          swliveconnect="true"
          allowscriptaccess="samedomain"
        >
          <noembed>
          </noembed>
        </embed>
      </object>
	      </center>
 
		  </td></tr>  
	</table>
<!--Player de musiques  --> 
 
	<IFRAME SRC="/sitecontent/sounds/
index.html" WIDTH="300" HEIGHT="200" FRAMEBORDER="no" SCROLLING="AUTO" ALIGN="right">
Désolé vous z'avez pas IE5 !
</IFRAME>
 
<!--fin player musique-->

Voila pour le code, et je voudrais utiliser le CSS à la place des balises TABLE et IFRAME pour mettre le player flash/mp3 en haut à gauche et sur le 1 er flash qui lui est comme un fond.

En faite tout repose sur le positionnement et l'utilisation des class.
Pouvez vous m'aider s'il vous plait ?
Merci

16/08/2007, 16h29
MaximeT
Je debute aussi mais on sais jamais, essaye ca en feuille de style (css) :
Code:

1 2 3 4 5 6 7 8 9 h2 { text-align:right; z-index:1; } h3 { text-align:center; z-index:2; }
crée toi une feuille de style .css, et dans la partie head de ta page php entre ce code :

Code:

<link rel="stylesheet" type="text/css" href="style.css">

bien entendu ce n'ai qu'une proposition je ne garantie pas le resultat
21/08/2007, 17h23
junwebdf

Désolé pour le retard, et merci pour la réponse.

Je n'ai pas compris le lien entre la balise h2,ou h3 de ton CSS et le code de ma page php car dans celle ci il n'y a pas de balise h.

Je vois par ci par là la balise "z-index" pour définir les "calques" ou bien pour superposer des éléments mais je vois pas comment s'en servir.

Quelqu'un a une astuce ?

Merci d'avance.
09/09/2007, 17h54
MaximeT
salut,

tu met ton lecteur flash entre les balises <h2>...ton premier flash...</h2>

<h3>...ton deuxieme flash...</h3>

La fonction "z-index" suivi du chiffre designe celui qui seras affiché en premier et et l'autre en deuxieme, en gros, et je rappele que je debute moi meme, tu devrais avoir un lecteur flash au dessus de l'autre.

ou sinon,

code a mettre dans ta feuille css :
Code:

1 2 3 4 5 6 7 8 9 10 #element1{ float: left ou right; z-index:1 ou 2; } #element2{ float: left ou right; z-index:1 ou 2; }
Bien sur tu peux rajouter des fonctions dans ta feuille de style, a voir sur le net.

code a mettre dans ta page html :

entre <head> et </head>
Code:

1 2 <link rel="stylesheet" type="text/css" href="*.css">
entre <body> et </body>
Code:

1 2 3 <div id="element1">...1er flash...</div> <div id="element2">...2e flash...</div>
et encore une fois je ne suis pas sur que ca marche, mais ca ne coute rien d"essayer;).