Page 1 sur 1

Problème d'alignement entre un menu et du flash

Publié : 09 janv. 2007, 20:15
par GregK84
Bonjour,

Mon problème est simple, je développe un site en deux versions une version html avec un bandeau en jpg et une seconde version avec ce même bandeau en flash ...

Juste en dessous de ce bandeau, j'ai un menu que j'ai réalisé en css et qui est collé au bandeau.

Dans la version html, je n'ai aucun problème ...
Dans la version flash, mon menu est décalé de plus ou moins 5px vers le bas ce qui provoque un décalage dans le design du site.

Mais comme un exemple vaut mieux qu'un long discourt voici les url :

Version html :

version flash :

Merci pour votre aide,


Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.1) Gecko/20061204 Firefox/2.0.0.1

Publié : 09 janv. 2007, 22:16
par Asumbaa
Salut,

Le margin par défaut de object à annuler ?

Code : Tout sélectionner

object {
    margin: 0;
}
Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.8.1.1) Gecko/20061208 Firefox/2.0.0.1

Publié : 09 janv. 2007, 22:28
par GregK84
j'ai déjà essayé mais sans aucun effet ...

la seul solution à l'heure actuel qui fonctionne sous firefox ... c'est de mettre le margin-top de mon #menu à -5px.

Code : Tout sélectionner

#menu {
 margin-top: -5px;
 }
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.1) Gecko/20061204 Firefox/2.0.0.1

Publié : 10 janv. 2007, 09:08
par calimo
Bon, déjà c'est une mauvaise pratique d'avoir deux versions pour la même chose. Laisse les navigateurs qui n'ont pas flash utiliser le <img> alternatif comme tu le fais très bien dans la version flash (il y a juste le texte alternatif qui est mal défini et qui devrait correspondre au contenu du <h1> de la version image, et d'ailleurs ce n'est pas parce que tu as un objet que tu n'as plus le droit d'utilsier <h1> dans ta version flash :wink: )

Pour le décalage, je sais pas trop, essaye d'utiliser un positionnement absolu... :?

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.8.0.9) Gecko/20061206 Firefox/1.5.0.9

Publié : 10 janv. 2007, 11:31
par GregK84
Au final, il n'y aura qu'une version, mais c'était pour vous montrer un exemple :wink:

Le plus bizarre dans l'histoire, c'est que c'était pour une fois :!: correctement affiché dans IE6 & 7, mais pas dans firefox :shock:

Quoi qu'il en soit, maintenant ça fonctionne.
J'ai ajouté une div pour centrer mon contenu et placer en position absolus mon bandeau flash avec son contenu alternatif.

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.1) Gecko/20061204 Firefox/2.0.0.1

Publié : 10 janv. 2007, 12:45
par calimo
Outch, ça sent la divite chronique ça :lol:

Code : Tout sélectionner

	<div id="align_bandeau">
		<object (...)>
			(...)
		</object>
	</div>
Tu peux aussi bien appliquer tes propriétés directement sur l'<object> non ?

Idem pour le div entourant le h1, est-il réellement nécessaire ?

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.8.0.9) Gecko/20061206 Firefox/1.5.0.9

Publié : 10 janv. 2007, 13:30
par GregK84
C'est ce que j'ai essayé en premier ... mais alors, mon flash n'est pas centrer ! Il est complètement à droite ! (je dois même scroller sur la droite pour le voir complètement) :shock: Et pour arriver à le centrer je suis obliger de créer une div supplémentaire qui entoure la balise <object>.

Et pour ce qui concerne la div entourant le <h1> il s'agit du bandeau placé en css ...

Mais je suis ouvert à toutes nouvelles propositions :wink:

Merci

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.1) Gecko/20061204 Firefox/2.0.0.1

Publié : 11 janv. 2007, 21:43
par GregK84
tu n'as pas une autre idée ou proposition que je pourrais essayer pour éviter la divitte ?

merci

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.1) Gecko/20061204 Firefox/2.0.0.1