Image et marge

Statut : non résolu

Ce sujet contient 9 réponses, 8 participants et a été mis à jour pour la dernière fois par oliezekat, le il y a 17 années et 11 mois.

10 sujets de 1 à 10 (sur un total de 10)

Auteur

Messages
2 mai 2006 à 19 h 13 min #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… 😉

3 mai 2006 à 9 h 10 min #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😉

3 mai 2006 à 10 h 07 min #573277

benkenobi
Participant

Maître WordPress
4069 contributions

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

3 mai 2006 à 17 h 41 min #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…

3 mai 2006 à 17 h 53 min #573279
damino
Participant

Maître WordPress
1241 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 …
5 mai 2006 à 12 h 54 min #573280

MGL
Membre

Padawan WordPress
85 contributions

Il me semble que c que tu cherche est cela:

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

5 mai 2006 à 17 h 56 min #573281

AmO
Participant

Maître WordPress
4447 contributions

MGL wrote:

Il me semble que c que tu cherche est cela:

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 😉

😎

20 octobre 2006 à 22 h 48 min #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 ?

21 octobre 2006 à 10 h 32 min #573283

benkenobi
Participant

Maître WordPress
4069 contributions

cdvddt wrote:

Ca existe une wish list à laquelle on peut voer pour influencer le de de wordpress ?

Peut-être sur trac.wordpress.org.

24 octobre 2006 à 15 h 22 min #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 */
Auteur

Messages