Image et marge (Créer un compte)

  • Statut : non résolu
10 sujets de 1 à 10 (sur un total de 10)
  • Auteur
    Messages
  • #447525
    Fleurette
    Participant
    Initié WordPress
    18 contributions

    Bonsoir à tous,
    est-ce que qq un pourrait me dire comment on peux faire pour éviter que les photos que l’on insére dans un article ou une page ne colle au texte (alignement à gauche comme à droite)… Bref, insérer une sorte de marge (comme le propose xpress, indesign…) Je ne sais pas faire ;-(
    Y-a-t-il un code pour cela ?

    Merci d’avance pour vos prochaines réponses… 😉

    #573276
    jess
    Membre
    Initié WordPress
    21 contributions

    Coucou à toi !

    Alors, perso, j’utilise le plugin Image Manager (que tu peux trouver ici : http://soderlind.no/), qui permet de mettre du VSpace (Espace Vertical) et HSpace (Espace horizontal) sur les photos…

    Dans l’interfaçe classic, je ne sais pas, mais un conseil, essaye ce plugin, il est vraiment top pour la gestion des images ! 😉

    Regarde sur mon blog le résultat avec un Vspace à 10 et un hspace à 10… C plus propre http://jesshp.free.fr/blog😉

    #573277
    benkenobi
    Gestionnaire du forum
    Maître WordPress
    4079 contributions

    sinon, il suffit d’insérer dans ta balise align=”left” ou align=”right”.

    #573278
    Fleurette
    Participant
    Initié WordPress
    18 contributions

    merci pr vos réponses,
    j’ai installé image manager, activé le plugin, mais il ne s’affiche absolument pas !!!
    Par ailleurs, j’ai déjà inséré les codes “align” mais je voudrais y mettre un tite marge pr éviter que l’image ne colle à mon texte…

    #573279
    damino
    Participant
    Maître WordPress
    1243 contributions

    Salut. Personnellement j’insère mes images avec une classe (class) dans la balise .img . Par exemple mon code pour une image “flottant” à gauche de mon texte

    <img width="140" height="205" class="imagettegauche" alt="image" title="mon image à moi" src="/wp-content/fichiers/monimage.jpg" />

    Et ensuite dans ma feuille de style par exemple :

    .imagettegauche {
    float:left;
    margin: 5px;
    }

    L’élément important étant la propriété margin que tu peux préciser en margin-left, margin-right et autres …
    Et tu peux ajouter les propriétés CSS que tu veux …

    EDIT : cela étant tu n’as pas posté dans le bon forum … super modérateur en action …

    #573280
    MGL
    Membre
    Padawan WordPress
    85 contributions

    Il me semble que c que tu cherche est cela:
    null

    Il te suffit de rajouter vspace pour l’espace vertical et hspace pour l’espace horizontal, les chiffres sont les pixels de marge.

    #573281
    AmO
    Participant
    Maître WordPress
    4451 contributions
    MGL wrote:
    Il me semble que c que tu cherche est cela:
    null

    Il te suffit de rajouter vspace pour l’espace vertical et hspace pour l’espace horizontal, les chiffres sont les pixels de marge.

    Oui mais non…

    Ces balaises Vspace et Hspace ne sont plus tolérés en Xhmlt 1.0 Transitional et Strict
    Suit les conseils de Damino… C’est à la feuille de style de règler ces petits soucis 😉

    😎

    #573282
    cdvddt
    Participant
    Initié WordPress
    9 contributions

    J’ai le même problême, sauf que c’est mon client qui veut pouvoir gérer ça dans son “Write post”. Je trouve un peu abusé de demander d’aller éditer du css ou du html. Je suis d’avis que cette fonctionnalité (de base) devrait être intégrée à wordpress.

    De manière générale, la gestion des images dans wordpress est plus que limitée et très peu ergonomique. Y’a qu’à voir la quantité de plugins qui fleurissent pour tenter (avec plus ou moins de succès) de combler cet eccueil. Ca existe une wish list à laquelle on peut voer pour influencer le de de wordpress ?

    #573283
    benkenobi
    Gestionnaire du forum
    Maître WordPress
    4079 contributions
    cdvddt wrote:
    Ca existe une wish list à laquelle on peut voer pour influencer le de de wordpress ?

    Peut-être sur trac.wordpress.org.

    #573284
    oliezekat
    Membre
    Chevalier WordPress
    107 contributions

    Pour info, dans une feuille de styles CSS, on peut definir celà:

    div.Content img[align=left] { margin-right: 5px }

    Qui s’appliquera à toutes les images contenues dans un bloc DIV (avec la Class=”Content”), et qui auront un paramètre align=left

    J’ai pas souvenir d’avoir vu dans le theme de WordPress de tels définitions pour gérer les marges des images alignées insérées dans des articles et pages… .oO(v’là un truc à intégrer dans mon theme)

    Par contre, le theme WordPress contient 3 classes (déclaration cidessous) à utiliser avec une IMG, et dans ce cas, le reglage de l’attribut “align=” n’est pas necessaire bien que conseillé ;o)

    /* Using ‘class=”alignright”‘ on an image will (who would’ve
    thought?!) align the image to the right. And using ‘class=”centered’,
    will of course center the image. This is much better than using
    align=”center”, being much more futureproof (and valid) */

    img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }

    img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
    }

    img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
    }

    .alignright {
    float: right;
    }

    .alignleft {
    float: left
    }
    /* End Images */

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