Discussion :

[aeroweb340]

Bonjour,

J'ai un problème avec mon wordpress avec le thème Freshy.

Toutes les images que j'insere dans mon editeur ou dans les widgets s'alignent toujours sur la gauche alors que je demande un alignement droite ou centrer.

je viens juste de mettre en place ce theme et je soupsonne un problème avec le CSS de ce thème.

http://christinerabassa.fr

Avez vous un idée ?

Merci

[elfamine]

Bonjour,

Ton problème n'est pas très clair...

si tu souhaite avoir ca :

actuellement dans ton CSS

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

.box-head  float: left;}

alors il faudrait modifier ceci en none

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

.box-head  float: none;}

par contre si c'est ca :


c'est plus tot en right qu'il faudra faire la modification

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

.box-head  float: right;}

Les images dont la largeur est inférieur a 215px sont positionnés sur la gauche
puisque la largeur du conteneur est à 215px

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

.boxes {width: 215px;}

alors que celle de tes images est à 100%

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

.box-head img { width: 100%;}

[aeroweb340]

Pardon je m'excuse par erreur j'avais activé un autre thème !!! J'ai remit Freshy

[elfamine]

Qu'est ce que tu as mis dans ton CSS au juste pour aligner tes éléments au centre ou sur la droite ?

je constate que dans ta partie widget ton img est d'une classe "aligncenter" tu as essayé de mettre float:none ou right ?

Il me semble que tes images dépendent du text-align:left; du #frame

[aeroweb340]

Je n'ai pas édité le CSS. C'est le CSS d'origine qui va avec le thème Freshy pour Wordpress.

Quoi que je mette comme alignement tout se retrouve à gauche et c'est valable pour toute les images du site. Exemple en page tarif les boutons payer...

[elfamine]

Dans ce cas est ce que tu as la possibilité d’éditer ton CSS ?


de toute facon le principe est simple pour une qu'une img puisse s'aligner il faut que son display soit mis en block

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
img {
    display: block; /* sans ca tu ne pourra pas marger cet élément */
/*pour centrer il faut mettre ca : */
    margin-left: auto;
    margin-right: auto;
/*aligner sur la droite il faut mettre ca : */
    margin-left: auto;
    margin-right: 0;
}[

supposant que tu veuille appliquer un alignement center à une img il faudrait que dans le code HTML les img soit
<img class="aligncenter"> etc</img>et que dans ton CSS tu ai quelque chose du genre :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

pour aligner sur la droite meme principe
<img class="alignright"> etc</img>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
.alignright {
    display: block;
    margin-left: auto;
    margin-right: 0;
}