Aide pour changer d'image de curseur img à son Li

voix
0

J'ai passé de nombreuses heures à essayer de comprendre comment obtenir ce curseur pour utiliser Li avec des images d'arrière-plan plutôt que img de.

La raison est que j'ai l'intention d'utiliser le curseur pour Wordpress et de nombreux thèmes Wordpress appliquent leurs propres propriétés CSS aux images (tels que « max-width ») qui cassent souvent le curseur. Je vous serais reconnaissant si quelqu'un pouvait vérifier les scripts suivants et changer pour travailler avec Li :) Je me suis essayé, mais pour une raison tout ce qu'il ferait est toujours la charge montrant jamais des images ..

Voici le script:

http://pastebin.com/8J9uwRtZ

En attendant, je vais continuer à essayer de comprendre cela moi-même. Je vous serais reconnaissant si quelqu'un pouvait me aider.

Voici un site d'essai avec un exemple du curseur ne fonctionne pas avec le thème « thématique », qui applique une « max-width » de 100% à des images et un exemple d'un thème qui ne (d'où le curseur fonctionne parfaitement). Pour votre information, enlever la largeur max des thèmes « thématiques » et d'autres corrections à chaque fois que le curseur si c'est sans aucun doute le problème; donc pourquoi je souhaite utiliser Li au lieu de DIM.

http://www.matthewruddy.com/demo/ <- ne fonctionne pas

http://www.matthewruddy.com/demo/?preview=1&template=twentyten&stylesheet=twentyten&TB_iframe=true <- travail

Merci à tous ceux qui peuvent aider! Matthieu.

Créé 17/08/2010 à 16:44
source utilisateur
Dans d'autres langues...                            


1 réponses

voix
0

Comme akonsu dit, votre meilleur pari applique un style d'image spécifique à la classe lof. Le style par défaut défini par le fichier des thèmes ne soit appliquée pour .. vous l' aurez deviné .. les images par défaut. Bien redéfinir dans la classe lof remplacera cette règle et utiliser le nouveau style. Si votre navigateur ne semble pas encore être le ramasser, jeter un gros ! Important à la fin de la règle de style et tout sauf IE6 ramasser très bien.

Max-largeur est uniquement appliquée aux images sans autres règles spécifiques présentes, donc des feuilles de style en cascade « ». règles CSS marquées! priorité importante de prendre sur d'autres règles pour le même type. Normalement, dans les CSS règles fonctionnent de haut en bas, donc si vous avez attribué un nouveau style à un autre élément en bas de la feuille de style ou dans une feuille de style secondaire, alors la règle plus tard prévaudraient. ! Assure important que cette règle a préséance. c'est à dire:

p { color: blue !important; }
.container h3 { do stuff }
.container p { color: red; }

Dans tous les navigateurs sauf IE6 la couleur de police pour tous les éléments de paragraphe sera bleu aussi longtemps que votre DOCTYPE est correctement configuré et vous n'êtes pas en mode se ballotté de bizarreries. Cependant, faire quelque chose comme ceci:

p { color: blue; }
.container p { color: red !important; }

Affiche une couleur de police rouge pour tous les éléments de paragraphe dans le conteneur que, pour tous les navigateurs. Cela fonctionne parce que même si IE6 ne comprend pas la! Règle importante, il comprend encore pleinement les règles en cascade et appliquer le style en fonction de ce dernier a été défini.

Donc, dans votre cas, la règle suivante fonctionne très bien et corrige vos problèmes d'affichage dans IE:

ul.lof-main-wapper li img { max-width: none !important; }
Créé 17/08/2010 à 18:46
source utilisateur

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more