18041 sujets

Questions générales et questions de débutants

Mettre des boutons Flash dans une feuille CSS. Possible ? [RÉSOLU]

Pages :
(reprise du message précédent)

FESTEZ a écrit :
Encore merci pour tout !


J'en déduis que ton problème est [Résolu] ? Smiley cligne
Bonjour,

Problème plus ou moins résolu.
Si cela vous tente vous pouvez voir le résultat ici Smiley confused .

Attention ce n'est pas fini.

." rel="nofollow noopener" >http://webplaza.pt.lu/stepesth/][/url].

Je précise de nouveau que je débute, depuis moins d'1 mois.
A la base je suis dessinateur industriel !!! Smiley cligne
FESTEZ a écrit :
Est-ce bon ?

Non.

Apprendre les bases de HTML et CSS serait utile.
http://css.alsacreations.com/Comment-debuter-et-trouver-l-information
http://www.tuteurs.ens.fr/internet/web/html/
http://www.siteduzero.com/tuto-3-6-0-apprenez-a-creer-votre-site-web.html

Mais sinon, le problème vient du deuxième sélecteur CSS employé, qui ne veut rien dire. Ou si, il veut dire « ce style s'applique aux éléments <2> enfants ou descendants d'un élément <object> ». <object> existe, mais pas <2>, donc problème...

Tu peux travailler avec des classes ou des identifiants. Par exemple, avec des identifiants :
[b]HTML :[/b]
<object id="bouton1">...</object>
<object id="bouton2">...</object>

[b]CSS :[/b]
#bouton1 {...}
#bouton2 {...}

Tu peux aussi utiliser comme sélecteur object#bouton1 (attention, la version avec une espace, object #bouton1, n'aurait pas le même sens !).
Modifié par Florent V. (16 Jun 2007 - 18:18)
Ok je vais essayer de changer cela.

Et par la même occasion je vais également suivre les liens ue tu m'as indiqué, je parcours en ce moment : siteduzero.
Très bien pour moi Smiley ravi .
Bonjour,

De retour avec un léger problème de positionnement sous IE 6.
J'ai suivi les conseils de FLORENT V, c'est à dire :

a écrit :
Tu peux travailler avec des classes ou des identifiants. Par exemple, avec des identifiants :

HTML :

<object id="bouton1">...</object>

<object id="bouton2">...</object>



CSS :

#bouton1 {...}

#bouton2 {...}


Seulement sous FF tout est bien comme il faut:
1er bouton décalé à gauche de la marge puis les autres boutons décalés les uns des autres.
Or sous IE pas de décalage du 1er bouton ??
Je lis et relis tout un tas de tutos et essaye de ré-écrire le code mais point ni fait.
Donc : au secours !!! Smiley lol
Bonjour,

Je crois avoir trouvé la solution à mon problème.
Du moins cela fonctionne sous FF et IE6.

Voilà le CSS :
#bouton1
		{
		height: 125px;
		width: 125px;
		margin-top: 40px;
		margin-left: 40px;
		display: inline;
		}	
		#bouton2
		{
		height: 125px;
		width: 125px;
		margin-top: 40px;
		margin-left: 40px;
		display: inline;
		}


Et le HTML :
<div id="bouton1">
	<script type="text/javascript">
var so = new SWFObject("Flash/bouton_accueil.swf", "bouton_accueil", "125", "125", "8", "#EEEEEE");
so.addParam ("wmode", "transparent");
so.addParam ("LOOP", "false");
so.write("bouton1");
</script>
</div>
	<div id="bouton2">
	<script type="text/javascript">
var so = new SWFObject("Flash/bouton_pc.swf", "bouton_pc", "125", "125", "8", "#EEEEEE");
so.addParam ("wmode", "transparent");
so.addParam ("LOOP", "false");
so.write("bouton2");
</script>
</div>


Maintenant je ne sais pas si c'est la meilleure solution mais après avoir plus d'1 journée et maintes tentatives, je m'arrête là.

J'attends les réactions des EXPERTS Smiley lol pour mettre résolu.

Stéphane
C'est une solution effectivement plutôt satisfaisante. Par contre, si Javascript est désactivé ou si Flash n'est pas installé, tu n'auras plus de boutons.

Un des avantages de la méthode SWFObject est de permettre de remplacer un contenu HTML par l'animation Flash si Javascript est activé et Flash installé (détection du plugin).

Je ferais donc plutôt ceci :
<div id="bouton1">
<a href="..."><img src="..." alt="Intitulé de mon lien 1" /></a>
</div>
<script type="text/javascript">
var so = new SWFObject("Flash/bouton_accueil.swf", "bouton_accueil", "125", "125", "8", "#EEEEEE");
so.addParam ("wmode", "transparent");
so.addParam ("LOOP", "false");
so.write("bouton1");
</script>

<div id="bouton2">
<a href="..."><img src="..." alt="Intitulé de mon lien 2" /></a>
</div>
<script type="text/javascript">
var so = new SWFObject("Flash/bouton_pc.swf", "bouton_pc", "125", "125", "8", "#EEEEEE");
so.addParam ("wmode", "transparent");
so.addParam ("LOOP", "false");
so.write("bouton2");
</script>

Par contre tu peux peut-être garder les éléments <script> à l'intérieur des <div>... faut voir ce qu'en dit la documentation de SWFObject.
OK merci du renseignement.
Je teste et vous tient au courant.
Par contre comment savoir si mes images, qui remplaceraient mes boutons, seront bien visible au même emplacement si Flash ou JS ne fonctionne pas?
Dois-je faire une page avec uniquement les images ?

Merci
FESTEZ a écrit :
Par contre comment savoir si mes images, qui remplaceraient mes boutons, seront bien visible au même emplacement si Flash ou JS ne fonctionne pas?

Désactive Javascript et teste. Smiley cligne

Dans Firefox :
Outils > Options > Contenu (décocher la case « Activer Javascript » et faire OK)
Ou encore, avec la barre d'outils Webdeveloper pour Firefox (extension très utile), faire :
Désactiver > Désactiver Javascript > Tout le Javascript (et recharger la page)
Objection : l'animation d'accueil ne sert strictement à rien et fait perdre du temps. Smiley bawling
Sinon, sur la vraie page d'accueil, c'est pas mal (sauf peut-être que c'est un peu obscur, ces icones sans texte associé... mettre le texte en dessous au au dessus sera moins glamour, mais ça serait plus clair). Smiley smile
Modifié par Florent V. (19 Jun 2007 - 13:55)
Merci pour les conseils. Smiley cligne

Je me suis tellement embêté pour l'animation en Flash que j'hésite à la mettre à la poubelle. Mais je vais y penser pour plus de rapidité et de clarté peut être.

Je vais ajouter Résolu.

A+ pour d'autres questions !!
Pages :
Sujet clos
Aller à