Annonce

Faites la différence entre le service WordPress.com et l'application libre WordPress.

Mettez-vous à jour ! WordPress 3.3.2 est disponible en français.

Annonce 1 : Le Codex en français a besoin de vous pour avancer !
Annonce 2 : Avant de poster, n'oubliez pas de faire une petite recherche et de lire les règles de ce forum.
Annonce 3 : Lisez notre blog, il regorge de bonnes informations.
Annonce 4 : Rejoignez-nous sur Facebook, Google + et sur Twitter

#1 07-11-2009 22:32:18

ifranck
Connaisseur WP
Date d'inscription: 01-10-2009
Messages: 44
Site web

centrage photo, mais pas le texte qui l'accompagne.

Bonjour,

Ma configuration WP actuelle
- Version de WordPress : wordpress-2.8.6-fr_FR
- Thème utilisé :
- Extensions en place :
- Nom de l'hebergeur : 1and1.fr
- Adresse du site :  http://leparadisdesventes.fr/

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

A niveau de l'affichage de mes posts, je vous centrer mes photos, mais laisser le texte justifié à gauche.
Comme ça:
               [Photo]
blablablablablalablablabla.

J'ai :
dans CSS :
.

Code: html

spoiler {
        display:block;
        margin-top:3px;
        text-align: center   }

et dans le HTML :

Code: html

<div class="spoiler"> <?php the_content(); ?> </div>

, mais le problème c'est que cela centre aussi le texte sous la photo.

Merci d'avance pour tout vos idée.

Dernière modification par ifranck (30-11-2009 13:11:37)

Hors ligne

 

#2 07-11-2009 22:45:38

petit nuage
Passionné WP
Lieu: Rennes (Bretagne, France)
Date d'inscription: 07-11-2009
Messages: 758

Re: centrage photo, mais pas le texte qui l'accompagne.

A priori, il suffit d'ajouter ceci dans la feuille de style du thème (fichier style.css) :

Code: html

.wp-caption-text
{
    text-align:left;
}

pour aligner le texte à gauche, à partir du côté gauche de la photo.

Pour aligner le texte à gauche de la zone de texte de l'article, alors que la photo est centrée, il faudrait faire quelque chose comme :

Code: html

.wp-caption-text
{
    text-align:left;
}

.aligncenter
{
    width:100%!important;
}

.aligncenter img
{
    margin-left:auto;
    margin-right:auto;
}

Bon, j'avoue ne pas avoir testé sur ce thème, mais ça doit être ça.


Petit Nuage est une agence web basée à Rennes proposant des services de développement (développement à base de WordPress essentiellement), d'édition (édition de blogs WordPress surtout) et de référencement de sites (référencement naturel de tous genres de sites web).

Hors ligne

 

#3 08-11-2009 03:26:21

ifranck
Connaisseur WP
Date d'inscription: 01-10-2009
Messages: 44
Site web

Re: centrage photo, mais pas le texte qui l'accompagne.

Pas trop compris, désolé.
Si tu peux m'expliquer par rapport à mon example.

Hors ligne

 

#4 08-11-2009 03:42:13

petit nuage
Passionné WP
Lieu: Rennes (Bretagne, France)
Date d'inscription: 07-11-2009
Messages: 758

Re: centrage photo, mais pas le texte qui l'accompagne.

Et si tu essayais, tout simplement ? Tu verrais le résultat sous les yeux.


Petit Nuage est une agence web basée à Rennes proposant des services de développement (développement à base de WordPress essentiellement), d'édition (édition de blogs WordPress surtout) et de référencement de sites (référencement naturel de tous genres de sites web).

Hors ligne

 

#5 09-11-2009 15:53:23

ifranck
Connaisseur WP
Date d'inscription: 01-10-2009
Messages: 44
Site web

Re: centrage photo, mais pas le texte qui l'accompagne.

J'ai ajouté dans mon CSS :

.wp-caption-text {
    text-align:left;
    }
.aligncenter {
    width:100%!important;
    }
.aligncenter img {
    margin-left:auto;
    margin-right:auto;
}   


Cela ne fait rien de plus.
Peut-être que devrais-je ajouter une ligne dans mon HTML, mais je ne pas comment.

Encore merci pour tous vos efforts.

Hors ligne

 

#6 09-11-2009 19:20:11

petit nuage
Passionné WP
Lieu: Rennes (Bretagne, France)
Date d'inscription: 07-11-2009
Messages: 758

Re: centrage photo, mais pas le texte qui l'accompagne.

J'ai supposé que tu voulais ajouter les images via l'interface de WordPress. Si tu le fais, ce que je t'ai indiqué devrait fonctionner. Essaye donc d'ajouter par toi-même à ton blog un article pleinement représentatif de ce que tu veux faire plus tard, y compris en y téléchargeant une image parmi celles que tu pourrais toi-même mettre en ligne à l'avenir.


Petit Nuage est une agence web basée à Rennes proposant des services de développement (développement à base de WordPress essentiellement), d'édition (édition de blogs WordPress surtout) et de référencement de sites (référencement naturel de tous genres de sites web).

Hors ligne

 

#7 09-11-2009 19:37:32

Anonyme 2
Blogueur Fou
Date d'inscription: 22-05-2007
Messages: 11665

Re: centrage photo, mais pas le texte qui l'accompagne.

bonsoir,

je ne comprends pas c'est sur la page d'accueil,que vous voulez center les images ?

Hors ligne

 

#8 12-11-2009 15:48:15

ifranck
Connaisseur WP
Date d'inscription: 01-10-2009
Messages: 44
Site web

Re: centrage photo, mais pas le texte qui l'accompagne.

J'ai testé :
Le texte est bien à gauche.
L'image est bien centré, mais elle s'affiche sur la largeur du post (elle agrandie automatiquement à la largeur du post, bizarre).
En fait pas bizarre, c'est que je suis pas assez calé en CSS, tout simplement.

Dernière modification par ifranck (12-11-2009 22:14:24)

Hors ligne

 

#9 16-11-2009 22:37:45

ifranck
Connaisseur WP
Date d'inscription: 01-10-2009
Messages: 44
Site web

Re: centrage photo, mais pas le texte qui l'accompagne.

Bon ça a l'air de fonctionner avec un autre thème. Je considère que pour l'instant mon problème est résolu.
Merci à tout l'équipe.

Dernière modification par ifranck (30-11-2009 06:05:56)

Hors ligne

 

#10 30-11-2009 06:06:02

ifranck
Connaisseur WP
Date d'inscription: 01-10-2009
Messages: 44
Site web

Re: centrage photo, mais pas le texte qui l'accompagne.

Mettez [résolu] SVP, Merci.

Hors ligne

 

Pied de page des forums

Propulsé par PunBB 1.2.23
© Copyright 2005-2006 WordPress France

[ Generated in 0.036 seconds, 17 queries executed ]