Problème : marges et images sous Firefox (Créer un compte)

  • Statut : non résolu
15 sujets de 1 à 15 (sur un total de 17)
  • Auteur
    Messages
  • #449679
    RagZag
    Membre
    Initié WordPress
    13 contributions

    Bonjour,

    Ma configuration WP actuelle
    – Version de WordPress : 2.0.4
    – Thème utilisé : Sandbox K2 Beta One par Safirul Alredha
    – Nom de l’hebergeur : unetun
    – Plugins en place : image manager, UTW, related post, edit N place, get recent comments, subscribe to comments, seo title tag, google sitemaps, tags in the head, ultimate google analytics, viper’s video, wsr contact form, wp-amazon, bling this,

    Problème(s) rencontré(s) :

    Je suis nouveau sur ce forum, alors, j’en profite pour vous saluer!

    Je viens de faire un changement de thème, et désormais, j’ai un problème avec la marge de mes images.
    Pour être plus précis, sous firefox (sous internet explorer, ça marche!), je n’ai pas de marge entre mes images et mon texte… Etrange donc.

    Je vous avoue que je ne suis pas très doué en Css, mais j’ai essayé de modifier les marges à la fois dans les css, mais aussi à travers la page de configuration d’image manager.

    Je précise que dans image manager, je n’ai pas spécifié de style et de classe CSS, mais seulement l’espace V et l’espace H.

    Le site est en ligne à l’adresse suivante : http://www.ragzag.com

    Merci de votre intérêt

    #586411
    Feuille
    Participant
    Initié WordPress
    21 contributions

    Et en ajoutant un padding autour des images ?

    En plus, mais ça n’a pas d’influence directe, je note que le thème a quelques défaut de validation xhtml (des
    à la place de
    pour les défauts les moins importants …) c’est très embêtant pour valider la feuille de style.
    L’idéal serait que tu nous montre la feuille de style utilisée sur ton site, voir même le template.

    #586412
    Qwindoo
    Modérateur
    Maître WordPress
    2862 contributions

    Salut à toi et bienvenue parmi nous 🙂

    Il y a plus de 85% de chances que tes problèmes de marges sous Firefox soient réglés en corrigeant les nombreuses erreurs de codage de tes pages 😉

    Ne t’inquiètes pas pour le nombre impressionnant, tu en élimineras la plupart en virant tous les hspace=”…”, vspace=”…”, border=”0″ puis en remplaçant les
    par
    😉

    Enfin, remplaces les ampersands “&” par leur équivalent HTML soit & 😉

    N’hésite pas à poser des questions si tu as besoin de plus amples informations 🙂

    #586413
    Qwindoo
    Modérateur
    Maître WordPress
    2862 contributions

    Grillé en partie par Feuille :fouet: :D

    J’en profite pour te conseiller d’ajouter un slash à la fin de tes balises qui deviendront du coup (plus valide)… il ne te restera alors “que” quelques balises mal fermées qui seront assez aisées à corriger.

    Lorsque ta page passera correctement au validateur, celui-ci acceptera de corriger ton CSS 😉

    #586414
    RagZag
    Membre
    Initié WordPress
    13 contributions

    merci de votre réactivité! Ca, c’est de l’esprit communautaire 🍺

    Je file de ce pas me mettre au boulot. Je vous tiens au courant de l’avancement :happy:

    #586415
    Qwindoo
    Modérateur
    Maître WordPress
    2862 contributions

    Pas de quoi 🍺 :happy:

    #586416
    Feuille
    Participant
    Initié WordPress
    21 contributions

    Aie, mais il est fou, il m’attaque au martini … heu … net.
    gné, je n’ai pas vu les balises img bancales, la honte … :fouet:

    #586417
    RagZag
    Membre
    Initié WordPress
    13 contributions

    bon, là, je suis en plein dans le cambouis!
    pour l’instant, j’ai transformé les
    en
    . C’était pas très dur :D . Et, ca fait 5 erreurs en moins !

    Pour la suite, ca se corse :

    – si je supprime les hspace, les vspace et les border, je ne comprend pas vraiment l’intérêt d’utiliser image manager. C’est lui (je crois) qui les a inséré ? Aussi, pour les enlever, je dois retravailler chaque article ou je m’attaque au plugin image manager, ou je modifie ca dans le thème ou dans des fonctions ?

    – c’est un peu la même question pour transformer les balises img, je transforme où ?

    – voici aussi la feuille de style utilisée : style.css

    – enfin, Feuille, tu suggérais que j’affiche le template… Comment faire ? Je dois vous créer un compte d’admin ou je l’affiche dans des billets sur ce blog ?

    Merci encore une fois pour tout

    #586418
    RagZag
    Membre
    Initié WordPress
    13 contributions

    je continue sur la bonne voie. Le site est passé de 31 erreurs à 18, mais cela entraine de nouvelles questions.

    J’ai supprimé dans quelques posts les variable hspace, vspace et border. Alors oui, l’erreur disparait, mais je perd aussi (évidemment) l’alignement. Donc, ce qui marchait dans Internet Explorer ne marche plus.

    Dans l’éditeur de plugin, j’ai aussi modifié image manager pour qu’il n’insère plus, hspace, vspace et border. Ai-je bien fait ? (en tout cas, j’ai fait une sauvegarde 😋)

    et pour les img transformé en img, je suppose que je modifie aussi dans image manager … ?

    Je commence à être relativement perdu 😇

    #586419
    Feuille
    Participant
    Initié WordPress
    21 contributions

    Je suis du même avis que MS-DOS en ce qui concerne les balises hspace et vspace, en plus elles n’ont pas l’air d’être prises en compte (peut-être du à l’absence d’unité de mesure, px, em …) Si les réglages doivent être identiques pour toutes les images autant que cela ce fasse sur la feuille de style avec des

    margin : 0 10px;

    par exemple.
    Par contre, je ne connais pas image manager, donc je ne sais pas ce qu’il apporte en dehors de ses balises et chez moi, les images apparaissent valides, avec des balises bien fermées, mais sans les hspace et vspace.

    Pour le template, c’est moi qui dit des bétises, j’ai oublié qu’il y avait tout plein de plusieurs fichiers php avec les thèmes.

    La feuille de style n’a pas l’air d’avoir de gros problème autre que la gestion des couleurs et couleurs de fond. Par contre faudra faire attention au #skyscraper et le mettre à #FFF ou #FFFFFF, mais ce n’est qu’un détail 😗

    #skyscraper {
            margin-left: auto;
            margin-right: auto;
            width: 100%;
            background-color: #FFFFF;
            }

    #586420
    Feuille
    Participant
    Initié WordPress
    21 contributions
    RagZag wrote:
    Donc, ce qui marchait dans Internet Explorer ne marche plus.

    Microsoft IE … heu … alors … heu … joker ! Linux powa inside only.
    En plus sur firefox les images n’ont pas bougé.

    #586421
    RagZag
    Membre
    Initié WordPress
    13 contributions

    en fait, Image Manager, ca permet de charger l’image sur le serveur, de la visualiser, et d’y ajouter des paramètres comme vspace, hspace, mais aussi de faire des miniatures, des images avec popup. Ca évite de passer son temps dans le html! surtout pour moi 😉

    mais, c vrai que, c’est toujours la même marge que j’utilise, donc, je vais le faire en css.

    Et pour IE, c’est vrai que c’est microsoft … Mais ils ont encore au moins 60 % de part de marché en Europe, et je trouve que la dernière version de IE est plutôt attrayant au niveau de l’ergonomie et de la présentation.

    J’ai corrigé le skyscraper aussi!

    J’y retourne car je suis du genre long à la compéhension :boulet:

    #586422
    Feuille
    Participant
    Initié WordPress
    21 contributions

    Pour afficher les images comme tu le fais, je préfère cette méthode : dans la balise img je déclare

    style=”float:left; margin: 0 1em ;”

    ou

    style=”float:right; margin: 0 1em ;”

    jusque là sans problème, par contre, il est vrai que je ne teste jamais avec IE.

    Entre parenthèses, j’entends beaucoup de bien de IE 7, mais je n’ai pas pu vérifier s’il respectait enfin les normes W3C et j’aviserai quand j’en saurais plus.

    #586423
    RagZag
    Membre
    Initié WordPress
    13 contributions

    ayééééééé ✅ Ca marche!!!!

    Je donne la solution pour les néophytes, voire les très néophytes 😉 Parce que moi, j’aime bien me prendre la tête pour rien. Heureusement, vous m’avez orientez vers le bon chemin, et au passage j’ai nettoyé un peu mon code.

    En fait, j’ai juste mis :

    img {
            margin: 5px;
            }

    Il commençait à se faire tard, donc, je suis allé au plus simple. Mais avant, j’avais déterminé une classe spécifique dans image manager, mais c’est pas forcément la meilleure solution si on veut changer un jour de plugin ou de thème pour un débutant.

    J’avais aussi mis un style dans image manager, mais le problème, c’est que j’étais obligé de modifier mes anciens posts avec, et aussi, le jour où je voulais changer le style, c’était pas très pratique.

    Donc, la solution la plus facile. J’ai mis une marge “globale” (5px de chaque côté) pour pas me prendre la tête avec les align, même si ta solution, Feuille est sans doute meilleure.

    En tout cas, MS-DOS_1991 et Feuille, merci de votre aide 🍺

    #586424
    Qwindoo
    Modérateur
    Maître WordPress
    2862 contributions
    Feuille wrote:
    Entre parenthèses, j’entends beaucoup de bien de IE 7, mais je n’ai pas pu vérifier s’il respectait enfin les normes W3C et j’aviserai quand j’en saurais plus.

    Malheureusement, malgré quelques améliorations, IE ne gère toujours pas le CSS 2 correctement (ni le CSS 1 d’ailleurs 😕 )

    Sans troller, je trouve quand même dommage de ne pas avoir amélioré le support des standards du net pour la première vraie mise à jour (non sécuritaire) de Microsoft Internet Explorer 😕

15 sujets de 1 à 15 (sur un total de 17)
  • Vous devez être connecté pour répondre à ce sujet.