Débutant - Comment centrer une image ?

[tontonrico]

Bonjour,

J'utilise Plume CMS (de façon basique) pour mon site perso, plutôt
pour m'initier à la chose que pour faire un vrai beau site...

J'ai un problème de mise en page récurrent : lorsque je fais un
article avec des images (screenshots ou photos), je n'arrive pas à
formater correctement pour que :

- l'image soit centrée (si nécessaire)
- que le texte soit en-dessous de l'image et non sur le côté droit
(suivant la taille de l'image).

Un petit exemple vaut mieux qu'un grand discours, on peut voir le
résultat ici http://webbus.org/?/Info/Un-gestionnaire-de-documents

Comment faire pour que la présentation soit correcte ?

Merci d'avance pour votre aide.

[Jojaba]

Bonjour,
Quel syntaxe utilises-tu ? wiki ou html?
Si tu utilises la syntaxe wiki, pour centrer une image c'est :
((url image|texte alternatif|position))
où position = G, D, C ( alignée à Gauche, Droite ou Centrée)
Si tu utilises la syntaxe html, il faut faire ça :
<p><img class="px-center" src="url image" alt="texte alternatif"></p>

[Jojaba]

Ah ben je viens de voir ce qui pose problème ! En fait dans ta css (xmedia/theme/default/style.css), les images sont positionnées en flottant :

#content img
{
	border-width: 1px;
	border-color: #ccc;
	border-style: solid;
	padding: 5px;
	margin: 6px 10px 0 0;
	float: left;
	display: block;
}

Il faudrait enlever la ligne float: left et ça devrait fonctionner (après avoir adapté le margin). Par exemple :

#content img
{
	border-width: 1px;
	border-color: #ccc;
	border-style: solid;
	padding: 5px;
	margin: 5px;
}

Le 09/01/2012 17:01, tontonrico a écrit :

[tontonrico]

Merci, je confirme que cela fonctionne en modifiant le CSS

On 10 jan, 07:56, Jojaba <joj...@gmail.com> wrote:
> Ah ben je viens de voir ce qui pose problème ! En fait dans ta css (xmedia/theme/default/style.css), les images sont positionnées en flottant :#content img { border-width: 1px; border-color: #ccc; border-style: solid; padding: 5px; margin: 6px 10px 0 0;float: left;display: block; }Il faudrait enlever la ligne float: left et ça devrait fonctionner (après avoir adapté le margin). Par exemple :#content img { border-width: 1px; border-color: #ccc; border-style: solid; padding: 5px; margin: 5px; }

> Le 09/01/2012 17:01, tontonrico a écrit :Bonjour, J'utilise Plume CMS (de façon basique) pour mon site perso, plutôt pour m'initier à la chose que pour faire un vrai beau site... J'ai un problème de mise en page récurrent : lorsque je fais un article avec des images (screenshots ou photos), je n'arrive pas à formater correctement pour que : - l'image soit centrée (si nécessaire) - que le texte soit en-dessous de l'image et non sur le côté droit (suivant la taille de l'image). Un petit exemple vaut mieux qu'un grand discours, on peut voir le résultat icihttp://webbus.org/?/Info/Un-gestionnaire-de-documentsComment faire pour que la présentation soit correcte ? Merci d'avance pour votre aide.