11540 sujets

JavaScript, DOM et API Web HTML5

Bonjour à tous,

Je travaille sur un CMS, les clients utilisent donc un éditeur wysiwyg et je voudrais pouvoir donner automatiquement une marge différente en fonction que les images soient en float-left ou en float-right.
En gros si img en float left : marge à droite, si img en float right marge à gauche.

Je ne sais pas si je suis très clair Smiley confused

J'ai trouvé ça mais je ne vois pas trop à quoi ça correspond : http://fr.softuses.com/55568

Merci d'avance pour ceux qui auront une idée
Bonjour, Voici par exemple, pour mes class WordPress (mais je les teste encore) :
.aligncenter,.alignleft,.alignright {/*style des images*/
    display: block;
    padding: 10px;
    background: #fff;
    -webkit-box-shadow: 0 0 6px #f8b9b7;
       -moz-box-shadow: 0 0 6px #f8b9b7;
            box-shadow: 0 0 6px #f8b9b7;
}

.aligncenter {
    margin: 10px auto;
}

.alignleft {
    float: left;
    margin: 0 10px 10px 0;
}

.alignright {
    float: right;
    margin: 0 0 10px 10px;
}

... et je met le premier élément qui suit l'article en clear:both pour éviter des bugs d'affichage dans certains cas. Par exemple :
article aside {
    clear: both;/*pour tenir compte des images placées en float*/
}

Modifié par Olivier C (17 Jan 2013 - 17:32)
Peut-être peut-on le customiser ?... Perso, à part WordPress je ne connais pas d'autre CMS, mais bon :

Pouvez-vous nous dire le nom de ce CMS ?