« Le langage HTML/Placement des objets » : différence entre les versions

Contenu supprimé Contenu ajouté
m →‎Voir aussi : modif lien
LgD (discussion | contributions)
→‎Méthode moderne : avec du CSS : corr. Aligner une image à droite avec position ou la centrer via les marges auto est inutile et donne un résultat médiocre
Ligne 20 :
* pour du texte : <code>&lt;div style="text-align:''valeur''">…&lt;/div></code>, ou ''valeur'' est <code>right</code>, <code>center</code> ou <code>justify</code>;
* pour une image
** pour aligner à droite : <code>&lt;div style="positiontext-align:absolute right;padding-right:'' 10px'';">…&lt;/div></code> (ce qui laisse une marge de 10 pixels à droite) ;
** pour centrer : <code>&lt;div style="width:''valeur'';margintext-align: 0 auto;center">…&lt;/div></code>, ou ''valeur'' est la largeur de l'image.
 
Pour centrer un objet avec le CSS, on agit donc avec ses marges plutot que de lui assigner un placement explicite.
Ligne 29 :
Bla bla bla bla bla bla bla
{{vert|&lt;/div>}}
{{vert|&lt;div}} style="widthtext-align:129;margin: 0 auto;center"{{vert|>}}
{{bleu|&lt;img}} src="<nowiki>http://fr.wikibooks.org/images/wiki-textbook.png</nowiki>" width="129" {{bleu|/>}}
{{vert|&lt;/div>}}
Ligne 37 :
Bla bla bla bla bla bla bla
</div>
<div style="text-align: center">
[[Image:Wiki-textbook.png|center|129px]]
{{fin cadre}}