Page 1 sur 2
Interférence <img> avec un script jquery
Posté : 15 juil. 2010, 16:08
par diabless6
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
Re: Interférence <img> avec un script jquery
Posté : 15 juil. 2010, 16:12
par stealth35
ca doit être parce que ils sont en absolute
Re: Interférence <img> avec un script jquery
Posté : 15 juil. 2010, 16:18
par diabless6
ca doit être parce que ils sont en absolute
Coucou Stealth35
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.
Re: Interférence <img> avec un script jquery
Posté : 15 juil. 2010, 16:21
par stealth35
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é
Re: Interférence <img> avec un script jquery
Posté : 15 juil. 2010, 16:29
par diabless6
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é
Ha ben non ! Tu dénatures mon site là
le -170px est la position finale de mon chat-menu. C'est effet que je souhaitais
Pour le absolute, je veux bien l'enlever pour voir mais je doute
Re: Interférence <img> avec un script jquery
Posté : 15 juil. 2010, 16:35
par diabless6
Non faut laisser le absolute.
Re: Interférence <img> avec un script jquery
Posté : 15 juil. 2010, 16:36
par stealth35
Non faut laisser le absolute.
tu les veux ou les drapeaux ?
Re: Interférence <img> avec un script jquery
Posté : 15 juil. 2010, 16:53
par diabless6
Non faut laisser le absolute.
tu les veux ou les drapeaux ?
Hihi!
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
Re: Interférence <img> avec un script jquery
Posté : 15 juil. 2010, 17:02
par diabless6
Je suis trop bonne
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
Re: Interférence <img> avec un script jquery
Posté : 15 juil. 2010, 17:09
par stealth35
sous ie8 le chat monte pas , sous ie7 ca marche pas
Re: Interférence <img> avec un script jquery
Posté : 15 juil. 2010, 17:17
par AB
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
Re: Interférence <img> avec un script jquery
Posté : 15 juil. 2010, 18:31
par diabless6
Coucou AB
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
A part mettre les navigateurs compatibles sur mon site, j'ai pas envie de me casser la tête pour ce Ieuhhhh!
Re: Interférence <img> avec un script jquery
Posté : 16 juil. 2010, 02:15
par AB
Bah y'a pas que toi que ça saoule
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...
Re: Interférence <img> avec un script jquery
Posté : 16 juil. 2010, 12:36
par diabless6
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
Re: Interférence <img> avec un script jquery
Posté : 16 juil. 2010, 13:59
par AoSiX
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à... )