- Statut : non résolu
- Ce sujet contient 27 réponses, 4 participants et a été mis à jour pour la dernière fois par
, le il y a 13 années et 2 mois.
-
Messages
-
Ma configuration WP actuelle
– Version de WordPress : 3.2.1
– Version de PHP/MySQL : 5
– Thème utilisé : graphène ( mais je le modifie à l’éditeur de texte ^^ )
– Extensions en place : easing slider, menu bar, meteor slide et XML google map
– Nom de l’hebergeur : le joli serveur à 5 m de moi.
– Adresse du site : http://www2.ras.frBonjour à tous, je ne sais pas où poster cette question du coup je la pose ici :S si je suis mal placé n’hésitez pas à déplacer ce sujet.
J’écris ici pour un problème d’affichage sur IE ( pourquoi changer, si IE se mettait à bien marcher les développeurs se feraient chier ^^ ). Un truc tout con mais qui m’empoisonne la vie.
Passez sur mon site et regardé l’affichage des images ( sur la page société par exemple ) à droite. *Ah ba mince sont toutes écrasées !!! beuuuh c’est moche*
C’est bien mon problème. Quand je mets un truc en css du style width:150px; ( que ce soit dans le style.css ou à l’intérieur d’un attribut style dans la balise img ou dans une div ) ça marche bien partout sauf pour IE ( étonnant hein ). J’ai trouvé une méthode pour que cela fonctionne mais c’est tellement sale que je ne peux me résoudre à faire ça, surtout pour le site d’un professionnel ( ça fonctionne quand on met du code html à l’ancienne : width= »150px » à l’intérieur d’un attribut style comme ceci :vous conviendrez que c’est immonde et que ça ne devrait même pas fonctionner :S
Peut être savez vous si IE est assez c** pour vouloir un certain ordre dans les attributs ou un truc du style?EDIT : j’ai compris en faisant une erreur de frappe ( rajouter un 0 après 150 ) que ce débile de navigateur comprend width comme les autres comprennent height… mais pourquoi s’obstine il a écraser mes images …
Résolu ^^ En fait j’ai fini par trouver, je laisse le post au cas où ça serve à quelqu’un.
Le problème était que IE n’aime pas l’attribut style et qu’il n’a pas l’air d’apprécier les class ( en css ), en tout cas pas au niveau des images. En mettant un ID ça marche. Cependant ma solution ne fonctionne qu’a moitié parce que ce couillon d’IE respecte à la lettre la règle qui dit qu’un ID ne doit être utilisé qu’une fois. Du coup si j’ai deux miniature avec les mêmes caractéristiques dans la même page, je l’ai dans l’os.bien sûr, je te donne le lien direct : http://www2.ras.fr/hebergement/partage-de-documents/
là pour le moment je transforme tout en ID histoire qu’il ne m’embête plus mais si je compte augmenter le nombre d’image après ça va me déranger.
Par contre il y a peut être des abus de langages ( je ne suis pas sûr que le float ai le droit d’être dans une balise img mais je l’ai foutu avec le reste )désolé de l’absence ( weekend de 4 jours
), voici la version de mon thème graphène : 1.4.1.
Comme je l’ai dit au dessus, dès que je mets des class, IE bug :Seuh, je suis pas certain que IE soit en cause, si il n’acceptait pas les classes dans les images cela se saurait, j’irai plutôt regarder du coté du code.
je me doute qu’IE accepte les class, mais peut être qu’il établit des restrictions que je ne connais pas. Et j’ai déjà lu quelque part que s’il y a plusieurs fois le même ID dans une page, il ne formate que le 1er contrairement à FF et chrome
pour l’ID, oui, la norme demande un seul et unique ID par page, en général cela ne pose pas de problèmes, mais cela devrait 🙂
Je penche vers un problème javascript plus qu’HTML. Et où peut on voir ce dysfonctionnement, chez moi dans IE et Firefox, l’affichage des images dans les pages est identique, seule la bannière du haut n’est pas redimensionnée dans IE.
Pour voir le disfonctionnement, il suffit de retirer l’id vignette dans la balise ( mon image fait 150×150 environ mais sans le id, ça déconne ). Où de refaire ce que j’avais fait à la base :
dans ce cas là IE comprenait que width = height ( en augmentant la valeur, seule la hauteur augmentait ) et il m’écrasait l’image en largeur. ( désolé si ce n’est plus visible sur l’url qui est écrite plus haut, mais si je laisse ça tout moche, mon maitre de stage va me tapper, si vous voulez j’ai un screen : http://www.hiboox.fr/go/images-100/bug,a86a42a53446eca599fc0548f01a9147.jpg.html ( l’image à droite est toute écrasée )je ne sais pas quoi te dire, si je retire l’id, il perd le float right mais sa dimension est correcte, tu as essayé de rentrer un style de classe .entry-content .etiquette img pour y mettre le float right?
de toute façon un style= »width= »150px » » ça doit pas faire quelque chose de bon 🙂
@guy : mon soucis de taille était, je m’en rends compte après quelques test du à l’inclusion du css dans la balise html comme ceci
( si mes souvenirs des cours sont corrects, cette syntaxe est correcte contrairement au style= »width= »150px » » ).
C’est justement ce qui m’étonnais, la bonne syntaxe ne fonctionnait que sur une feuille de style externe alors qu’un gros n’importe quoi ( style= »width= »150px » » ) fonctionnait dans la balise.
@manu59 : quelle est l’image que tu ne vois pas ?tu as dans fichier style.css
.entry-content img{
max-width: 98%;
height: auto;
}Si tu met n’importe quoi, cela revient au même que si tu ne mettais rien et il prend le style par défaut. La largeur maximale étant définie en pourcentage, il est possible que le « parent » n’ai pas de largeur définie.
PS: oui la syntaxe est beaucoup mieux reconnue en l’écrivant comme ça 🙂.
donc logiquement, si je comprends bien, ce qui a fait bugger sur IE c’est l’emploi de l’attribut style dans ma balise img ???
puisque dès que je le déplace en css externe celà fonctionne. ( par rapport à la syntaxe, je l’avais bien écrit au début comme je l’explique dans le 1er post seulement, le style= »width:150px; » ne fonctionnait pas, d’où ma question sur l’ordre des attributs, la seule solution que j’ai trouvé étant de repasser par le css externe
), voici la version de mon thème graphène : 1.4.1.
- Vous devez être connecté pour répondre à ce sujet.