Interférence <img> avec un script jquery

Eléphant du PHP | 250 Messages

15 juil. 2010, 16:08

Bonjour,

Alors j'ai un petit soucis.

http://blogme.homeip.net/www/a/Projets/ ... /index.php

Quant on clic sur la corde, on a un menu. Le chat noir(menu) se met en place vers le bord haut. Le problème c'est que les drapeaux de l'accordion ont été "pris" par le script et donc montent eux aussi.
//Ici l'apparition de mon menu
<div id="menu"><img src="img/menu.png" height="50%" width="30%" alt=""/>
<div id="b_m">
<ul> //ici l'accordion Jquery
  <li>
    <a id="a1">
      <img src="img/mini.png" /> //ici un drapeau dans l'accordion
      <p>
        <strong>Freebies</strong><br/>
        Download free files to make your job easier.
      </p>
    </a>

Code : Tout sélectionner

$("#menu").stop().animate({top:'200px',border:'5px double purple'}, 500 ); ici l'apparition de ma fenêtre principale de mon menu $("#menu img").delay(1500).stop().animate({top:'-170px'},800 ); sélection de l'image de mon menu pour la placée en haut
Le problème c'est dans la dernière ligne. Je sélectionne tous les <img> même les drapeaux de mon accordion alors que je ne veux pas.
Il faudrait que je restreigne mon sélecteur à la 1ère <img>. Mais je ne vois pas comment faire. :|

Merci
Modifié en dernier par diabless6 le 15 juil. 2010, 16:13, modifié 1 fois.
J'ai un petit éléphant rose chez moi avec dessus PHP woman :p
Pour une Europe sans hypocrisie, n'y barratins.
L'euro caca j'en veux plus. Les conneries c'est fini.

ViPHP
ViPHP | 5462 Messages

15 juil. 2010, 16:12

ca doit être parce que ils sont en absolute

Eléphant du PHP | 250 Messages

15 juil. 2010, 16:18

ca doit être parce que ils sont en absolute
Coucou Stealth35 :wink:

Ben le css de mon accordion :
#b_m ul li img{
  position: absolute;
  border: 0px solid #881212;
}
Mais pour moi ça vient pas là, c'est juste un problème d'héritage qu'il faut je modifie en Jquery.
J'ai un petit éléphant rose chez moi avec dessus PHP woman :p
Pour une Europe sans hypocrisie, n'y barratins.
L'euro caca j'en veux plus. Les conneries c'est fini.

ViPHP
ViPHP | 5462 Messages

15 juil. 2010, 16:21

y'a la position aussi qui va pas le "-170px"

si t'enlèves ca + le position absolute, tu devrais te rapprocher du résultat souhaité :wink:

Eléphant du PHP | 250 Messages

15 juil. 2010, 16:29

y'a la position aussi qui va pas le "-170px"

si t'enlèves ca + le position absolute, tu devrais te rapprocher du résultat souhaité :wink:
Ha ben non ! Tu dénatures mon site là :mrgreen:

le -170px est la position finale de mon chat-menu. C'est effet que je souhaitais :priere:

Pour le absolute, je veux bien l'enlever pour voir mais je doute :lol:
Modifié en dernier par diabless6 le 15 juil. 2010, 17:08, modifié 1 fois.
J'ai un petit éléphant rose chez moi avec dessus PHP woman :p
Pour une Europe sans hypocrisie, n'y barratins.
L'euro caca j'en veux plus. Les conneries c'est fini.

Eléphant du PHP | 250 Messages

15 juil. 2010, 16:35

Non faut laisser le absolute. :evil:
J'ai un petit éléphant rose chez moi avec dessus PHP woman :p
Pour une Europe sans hypocrisie, n'y barratins.
L'euro caca j'en veux plus. Les conneries c'est fini.

ViPHP
ViPHP | 5462 Messages

15 juil. 2010, 16:36

Non faut laisser le absolute. :evil:
tu les veux ou les drapeaux ?

Eléphant du PHP | 250 Messages

15 juil. 2010, 16:53

Non faut laisser le absolute. :evil:
tu les veux ou les drapeaux ?
Hihi! :P

Code : Tout sélectionner

#b_m ul li img{ position:static; border: 0px solid #881212; }
ça marche mieux. Mais j'ai l'impression qu'ils sont au centre :lol:
J'ai un petit éléphant rose chez moi avec dessus PHP woman :p
Pour une Europe sans hypocrisie, n'y barratins.
L'euro caca j'en veux plus. Les conneries c'est fini.

Eléphant du PHP | 250 Messages

15 juil. 2010, 17:02

Je suis trop bonne :mrgreen:

Code : Tout sélectionner

margin: 0 0;
La boîte est normale, placée selon le flux normal. Les propriétés 'left', 'top', 'right' et 'bottom' ne s'y appliquent pas

Mais l'homme est le complément de la femme, donc merci pour la suggestion Stealth35 sinon j'aurai pas trouvé =D> plein de bisous

Par contre, je ne sais pas si ça fonctionne sous IE car le mien ne marche plus...grosse daub :roll:
J'ai un petit éléphant rose chez moi avec dessus PHP woman :p
Pour une Europe sans hypocrisie, n'y barratins.
L'euro caca j'en veux plus. Les conneries c'est fini.

ViPHP
ViPHP | 5462 Messages

15 juil. 2010, 17:09

sous ie8 le chat monte pas , sous ie7 ca marche pas

ViPHP
AB
ViPHP | 5818 Messages

15 juil. 2010, 17:17

Ou là... c'est vraiment sophistiqué comme mise en page. Tu vas devoir tester ça sur les différents navigateurs...

Pour info sur IE6 ça ne passe pas non plus. Bon il ne reste qu'une petite dizaine de pourcent qui utilisent IE6 au niveau mondial, mais pour l'instant ça représente tout de même le même pourcentage que chrome 5 http://gs.statcounter.com/#browser_vers ... 906-201007

Eléphant du PHP | 250 Messages

15 juil. 2010, 18:31

Coucou AB :wink:

Je peux pas installer tous les navigateurs(Maxthon, AvantBrowser..) conçus avec le moteur d'IE sur ma machine car ne veut plus rien savoir !

J'ai une machine virtuelle ou j'ai tous les navigateurs avec le moteur d'IE et autres que je n'utilise pas comme Flock, Safari...

Sous IE le css faut toujours le modifier, même le mode compatibilité ça passe pas et le script un tout petit ça marche limite, franchement ça me saoule.

Les sondages sont bidons, trafiqués, franchement mon site il passe bien sous FireFox, Opéra, Chrome, Safari. Ie c'est du caca :mrgreen:

A part mettre les navigateurs compatibles sur mon site, j'ai pas envie de me casser la tête pour ce Ieuhhhh! :evil:
J'ai un petit éléphant rose chez moi avec dessus PHP woman :p
Pour une Europe sans hypocrisie, n'y barratins.
L'euro caca j'en veux plus. Les conneries c'est fini.

ViPHP
AB
ViPHP | 5818 Messages

16 juil. 2010, 02:15

Bah y'a pas que toi que ça saoule :wink:

Seulement les ie font à eux seuls + de 50 % de part de marché et si plus d'un visiteur sur deux zappe ton site ... enfin si c'est pour toi tu peux le faire en connaissance de cause.

La seule plaie qui reste encore aujourd'hui c'est IE6... tu parles d'opera et safari mais il font moins de 2 % à eux deux contre environ 6% pour IE6 à l'échelle mondiale (et un peu plus de 4% à l'échelle européenne).

Mon dernier client qui veut pouvoir traduire son site en polonais et russe (en plus du français, allemand et anglais) veut que le site soit compatible avec les anciens navigateur IE6 et Firefox 2. Cela peut se comprendre puisqu'en fonction du pouvoir d'achat les mises à jour matérielles et logicielles se font plus ou moins vite. J'ai galéré mais comme il est satisfait de mes prestations il vient de me commander un deuxième site qui sera une déclinaison du premier plus deux autres à suivre à moyen terme... ça ce serait certainement passé autrement si je lui avais dit que les statistiques d'utilisation des navigateurs c'est du bidon :)


D'un autre côté avec ton interface sophistiquée (trop) tu réinventes un peu l'équivalent des menus flash qu'on ne voit quasiment plus aujourd'hui, parce que ce n'est pas ce que le visiteur attend. Efficacité, rapidité et facilité de navigation pour trouver au plus vite la bonne information, voilà ce qu'il attend et non des menus qui se baladent juste pour faire fun. Enfin c'est à toi de voir mais en plus de te compliquer la vie avec des problèmes de compatibilité tu risques en plus d'être contre productive au niveau de la fréquentation de ton site... #-o

Eléphant du PHP | 250 Messages

16 juil. 2010, 12:36

Ben je pense que les gens naviguent avec IE par méconnaissance et qu'ils ne savent pas qu'il y a de meilleurs alternatives et surtout moins contraignants pour les développeurs.

Je vois ma soeur et des amis qui ne connaissaient pas les autres, et aujourd'hui sont adeptes de FF ou autres. Il faut faire changer les mentalités en faveur des dévelloppeurs et pour ça ya des trucs à faire.

D'ailleurs, j'ai un projet de réaliser des tutos simples sur les navigateurs non IE afin de les promouvoirs et de montrer qu'ils sont beaucoup plus indépendant que tous les navigateurs qui s'appuie sur le moteur d'IE qui est intégrer à Windows, et qui pose une problèmatique souvent....

Pour mon site, je vais repenser ça et faire plus simple, je vous tiendrai au courant :mrgreen:
J'ai un petit éléphant rose chez moi avec dessus PHP woman :p
Pour une Europe sans hypocrisie, n'y barratins.
L'euro caca j'en veux plus. Les conneries c'est fini.

Eléphant du PHP | 314 Messages

16 juil. 2010, 13:59

Dans les sociétés par exemple, on a pas toujours le choix du navigateur, et il y'a encore des boites ou ça tourne avec XP et IE6...Il faut savoir faire avec.

La mode du moment, c'est de faire quelque chose de simple et accessible très rapidement, les internautes n'ont plus envie de trainer 10 ans pour trouver le bon lien, et quelque part, c'est normal...Pour moi, un site bourré de javascript c'est comme un site bourré de flash, c'est bien joli, on peut t'en faire des éloges sur l'ingéniosité du système, mais ça reste un vrai casse tête pour l'internaute ( et on ne parle pas d'accessibilité là... )
Cordialement,
Julien - http://laravel.fr/