Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1438 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Vie conjugale entre un SWF et un bête Div scrollable

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Vie conjugale entre un SWF et un bête Div scrollable

n°1294180
baai
Posté le 29-01-2006 à 01:37:56  profilanswer
 

Bonjour,
 
Je me suis dit qu'il était possible que je ne m'arrache plus les cheveux tout seul.
Je vous fais donc part de mon problème du jour.
 
Voilà un schéma :
http://img529.imageshack.us/img529/6940/pb7wn.jpg
 
Alors c'est l'histoire d'une page XHTML qui comprend, entre autre, un objet flash à gauche, et à droite un Div de contenu, de hauteur fixe, donc avec un scrolling vertical.
Ce Div n'a pas d'autre particularité, il est juste positionné avec un "margin left" de x pixels.
Le Flash est un petit truc animé (env. 150x150 x) faisant office de double menu/habillage (doublant le menu HTML donc).
 
Il n'y a a priori aucun problème, quelque soit le navigateur. Sauf qu'à l'usage, si, y a un truc qui merdoie, sous Firefox et pas sur IE : la réactivité du scrolling.
Cf schéma : toute la partie de la barre de scrolling (que ce soit la barre ou son charriot) située au-dessus du pointillé, donc au niveau du swf, ne fonctionne pas sous Firefox.  
Clic dans la partie haut de la barre = nada.
Charriot à cheval sur les deux comme sur le screen = possible d'atrapper ce charriot par le bas mais pas par le haut.
 
 
Voilà la chose exposée. Et moi je sèche.  
Quelqu'un aurait-il une idée sur une façon de remédier à ça ?

mood
Publicité
Posté le 29-01-2006 à 01:37:56  profilanswer
 

n°1294194
xtof_83
Freeride Spirit
Posté le 29-01-2006 à 10:06:36  profilanswer
 

on peut avoir un peu de code?

n°1294344
baai
Posté le 29-01-2006 à 20:31:07  profilanswer
 

Bien sûr. Et même, ça sera plus facile à appréhender si je mets directement une page je pense.
J'ai tâché vite fait d'épurer la page de ce qui ne concerne pas le problème pour ne laisser que lui.
 
Là donc :
http://80r15.8.free.fr/pzz/bio.html
 
Et le CSS :
http://80r15.8.free.fr/pzz/ravi.css
 
 
+ je me demande à l'instant si ça pourrait avoir un rapport avec la déclaration :"XHTM strict", qui correspondait au projet du début mais peut-être plus à une page contenant désormais un machin flashy. (? ..; faut que je révise :D)


Message édité par baai le 29-01-2006 à 20:33:54
n°1294381
gatsu35
Blablaté par Harko
Posté le 29-01-2006 à 23:53:47  profilanswer
 

C'est l'histoire d'un div qui se nomme "menuf" qui est par défaut de type block et comme tout le monde le sait, chaque enfant qui naîtra sous l'étoile "block" prendra systématiquement la largeur de son papa.
On mit un manteau noir à ce "menuf", on vit tout de suite qu'il prend toute la largeur de la pièce. Ho le vilain pas beau.
Et bien, il faut lui serrer la ceinture, dit le nutritionniste spécialiste des "blocks". Je vous propose une cure de "width", mettez quand même la bonne dose, juste ce qu'il faut pour qu'il ne dépasse pas.
 
Cependant dans la maison "Body" il n'y avait pas que "menuf" qui était malade. "Titre" contenait un paragraphe, mais on sait que dans un titre on ne met pas de paragraphe, on met un Hx systématiquement.
Alors on se mit en quête de trouver le code idéal, et c'est là que la solution fût trouvée :

Code :
  1. <h2 id="titre">
  2.  <span>Biographie</span>
  3. <h2>


 
Mais revenons à l'histoire de "menuf", son histoire est intéressante, mais on a oublié une chose. "Menuf" peut remplacer son copain MenuHTML, mais il s'est dit que c'était mal d'être positionné en absolute comme cela, et qu'il n'aimait pas son bonnet et ses chaussures. Alors il propose à son copain MenuHTML de l'héberger dans son grand ventre et il est aussi allé acheter une nouvelle paire de chaussure et un bonnet :
 

Code :
  1. <object id="menu" type="application/x-shockwave-flash" data="Menu3.swf" width="220" height="220">
  2. <param name="movie" value="Menu3.swf" />
  3. <param name="quality" value="high" />
  4. <ul>
  5.  <li><a href="">menu1</a></li>
  6.  <li><a href="">menu2</a></li>
  7.  <li><a href="">menu3</a></li>
  8.  <li><a href="">menu4</a></li>
  9.  <li><a href="">menu5</a></li>
  10. </ul>
  11. </object>


 
Le papa de "menuf" voit qu'il a changé, et oui, "menuf" n'a plus besoin de DIV, et il n'a pas besoin d'être placé en absolu ou autre grigri magique, car si sa maison n'a pas flash alors son copain MenuHTML sera automatiquement affiché à sa place :D
 
 
edit : Je raconte vraiment mal les histoire mais j'espère que tu as compris comment on intègre un flash dans une page HTML : http://forum.alsacreations.com/faq/#item27


Message édité par gatsu35 le 29-01-2006 à 23:56:40
n°1294382
xtof_83
Freeride Spirit
Posté le 30-01-2006 à 00:10:23  profilanswer
 

[:freekill]  
 
Gat à peter un plomb  :)  
 
Enfin au moins là tout le monde aura tout compris... :D

n°1294383
gatsu35
Blablaté par Harko
Posté le 30-01-2006 à 00:27:10  profilanswer
 

xtof_83 a écrit :

[:freekill]  
 
Gat à peter un plomb  :)  
 
Enfin au moins là tout le monde aura tout compris... :D


Du moment que se ne sont pas tes fesses que je pête.

Spoiler :

Rassure toi je suis pas momo, et vas te coucher petit, tu as école demain

Message cité 1 fois
Message édité par gatsu35 le 30-01-2006 à 00:27:29
n°1294385
baai
Posté le 30-01-2006 à 00:35:00  profilanswer
 

Gatsu35, j'adore déjà ta réponse.
 
Je vais la relire afin d'en bien comprendre tous les détails, car je le sens, tu m'aides grandement, ie au-delà de la demande de départ.
 
Merci = repète tes plombs quand tu veux :p

n°1294388
gatsu35
Blablaté par Harko
Posté le 30-01-2006 à 00:58:14  profilanswer
 

ben la prochaine fois faudra sucer

n°1294389
gatsu35
Blablaté par Harko
Posté le 30-01-2006 à 01:00:05  profilanswer
 

en gros je te dis ca :  
-fixe la largeur de ton menuf mais menuf va degager au profit de <objet> directemetn
-les <div><p> imbriqués pour un titre ca pue. Hx est là pour te servir, donc h2 h3 h4 etc....
-pour être dans les normes et afficher une alternative au flash quand celui-ci ne le permet pas, il suffit simplement d'avoir du HTML comme je te l'ai montré et lis le lien que je t'ai filé

n°1294392
xtof_83
Freeride Spirit
Posté le 30-01-2006 à 01:07:06  profilanswer
 

gatsu35 a écrit :

Du moment que se ne sont pas tes fesses que je pête.


 

baai a écrit :

Gatsu35, j'adore déjà ta réponse.
 
Je vais la relire afin d'en bien comprendre tous les détails, car je le sens


 
 
 [:al zheimer] Tu as un ticket Gat ;)
 
Tiens pour toi la soiré va maybe être encore longue... [:yaisse2]  
 
Te souhaite bien du plaisir.. [:allah_4]  

mood
Publicité
Posté le 30-01-2006 à 01:07:06  profilanswer
 

n°1294395
gatsu35
Blablaté par Harko
Posté le 30-01-2006 à 01:14:59  profilanswer
 

hey les gars j'ai une vie sociale à coté de HFR hein !!!!
 
Et puis j'ai encore pleins de fichiers à trier sur un de mes ordis pour ensuite transferer ca sur un autre DD et puis un ordi a reinstaller.
 
Oué la soirée va etre longueeee

n°1294397
baai
Posté le 30-01-2006 à 01:40:51  profilanswer
 

Tu feras ça un autre jour, autant se concentrer sur l'essentiel pour le moment.
Tu réinstallerais qu'il faudrait y repasser quelques temps plus tard : sautes une étape. :wink:

n°1294398
gatsu35
Blablaté par Harko
Posté le 30-01-2006 à 01:44:05  profilanswer
 

nan nan t'inkiete, je suis au chomage et en arrêt maladie, j'ai de quoi m'occuper :D
 
comme recompilation de vieux jeux (rebidulation des installs :D)

n°1294399
gatsu35
Blablaté par Harko
Posté le 30-01-2006 à 01:44:16  profilanswer
 

et sans oublier de jouer à trackmania nations

n°1294401
baai
Posté le 30-01-2006 à 02:01:14  profilanswer
 

Peux pas tout de suite, je dois tirer la quintessence de tes paroles.
 
Pour info, j'ai presque une déception tant c'est venu vite : le  "binz menu" est réglé et amélioré, même pas eu besoin de me ré-arracher quelques cheveux pour le principe durant la mise en pratique.
(y a juste le reemplacement html que je n'ai pas fini donc pas testé, espérons que ça va couillonner un tout petit peu quelque part :D)
 
Je vais me faire un petit .txt pour me rappeler de t'utiliser.

n°1298160
baai
Posté le 02-02-2006 à 22:15:44  profilanswer
 

Ca y est. Gatsu35, après quelques jours d'acharnement à tester des variations de CSS dans tous les sens, j'ai enfin trouvé un nouveau truc-qui-va-pas et donc de quoi te faire m'asséner une évidence. :D
Disons une règle de base que j'ai encore dû louper.
 
Bizarrement, ça a des faux airs du premier problème résolu.
C'est là :
http://80r15.8.free.fr/pzzz/profil.html
(oué, pas le même design, c'est vraiment que je m'exerce).
Et le CSS ici :
http://80r15.8.free.fr/pzzz/gc.css
 
Alors ce coup-ci, c'est toujours un problème de scrolling dans un fichu bloc, mais ce coup-ci ça se voit dans IE et pas firefox.  
Le symptome est presque le même qu'avant : en plaçant le curseur à certains endroits, le scroll ne s'active pas. Sauf que ça ne concerne pas une zone continue du Div mais des endroits distants à l'intérieur.
 
J'ai tenté des trucs sur la base de tes commentaires précédents, songé à une histoire de "display", de parenté, que sais-je... Mais non, je ne vois pas.
Et finalement, en agrandissant les marges (hautes ou basses) des H2 ou H3 contenus dans le DIV, j'en suis arrivé à cette constation : si le curseur est à l'endroit d'une de ses marges, ça marche pas.
 
Hum... Je suis alors parti testé des H2 et H3 avec marges dans le DIV scrollable du précédent design, celui à l'origine de ce fil = pas de problème.
Bref, ça semble ici se manifester sur les marges, mais c'est comme si c'était produit par quelques choses d'autre.  
 
Je pars du principe que les extra-terrestres n'y sont pour rien, que j'ai dû re-merdouiller. Mais quelle différence entre ce design et le précédent ? je sèche :/
 
La charité sp.

n°1298253
baai
Posté le 03-02-2006 à 04:05:39  profilanswer
 

Up pour vous dire au cas où de ne plus chercher.
 
Quelques heures plus tard j'ai trouvé. Sacré productivité de ma part :D
 
C'était lié au centrement du site via la technique des marges négatives, plus précisément à la position absolue du conteneur.  
Cela dit je ne saisis pas le rapport avec mon affaire de scrolling sur IE.
 
 
Bref, je passe à la technique de centrement via marges auto, et conteneur en relative (because j'ai 2 blocs à positionner dedans), et pour l'instant ça a l'air d'aller.
 
J'ai juste un gros doute à cause du type de menu déroulant utilisés, qui comprend notamment des éléments
"#scateg1, #scateg2, #scateg3" qui ne fonctionnent qu'en absolu, or le centrement avec marges auto ne recommande pas l'usage d'une position absolue de quoi que ce soit d'après ce que j'en ai compris.
M'enfin ça a l'air bon sur IE comme sur Firefox.
 


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Vie conjugale entre un SWF et un bête Div scrollable

 

Sujets relatifs
[C++] Template... erreur tte bete surement...question bête sur le C
Question bete sur un programme java[flash] player SWF
Pb affichage 2 DIV un à coté de l'autre. Les CSS c'est chiant :DDIV mi-transparrent sous IE
[Delphi]Un probleme tout bête à resoudre.Div et Frame
[CSS] Image d'arriere plan fixe scrollable dans un div ?cadrer des DIV par le bas
Plus de sujets relatifs à : Vie conjugale entre un SWF et un bête Div scrollable


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR