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

Vie conjugale entre un SWF et un bête Div scrollable - HTML/CSS - Programmation

Marsh Posté le 29-01-2006 à 01:37:56    

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 ?

Reply

Marsh Posté le 29-01-2006 à 01:37:56   

Reply

Marsh Posté le 29-01-2006 à 10:06:36    

on peut avoir un peu de code?

Reply

Marsh Posté le 29-01-2006 à 20:31:07    

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
Reply

Marsh Posté le 29-01-2006 à 23:53:47    

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
Reply

Marsh Posté le 30-01-2006 à 00:10:23    

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

Reply

Marsh Posté le 30-01-2006 à 00:27:10    

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
Reply

Marsh Posté le 30-01-2006 à 00:35:00    

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

Reply

Marsh Posté le 30-01-2006 à 00:58:14    

ben la prochaine fois faudra sucer

Reply

Marsh Posté le 30-01-2006 à 01:00:05    

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é

Reply

Marsh Posté le 30-01-2006 à 01:07:06    

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]  

Reply

Marsh Posté le 30-01-2006 à 01:07:06   

Reply

Marsh Posté le 30-01-2006 à 01:14:59    

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

Reply

Marsh Posté le 30-01-2006 à 01:40:51    

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:

Reply

Marsh Posté le 30-01-2006 à 01:44:05    

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)

Reply

Marsh Posté le 30-01-2006 à 01:44:16    

et sans oublier de jouer à trackmania nations

Reply

Marsh Posté le 30-01-2006 à 02:01:14    

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.

Reply

Marsh Posté le 02-02-2006 à 22:15:44    

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.

Reply

Marsh Posté le 03-02-2006 à 04:05:39    

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.
 

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed