| | auteur : regbegpower |
On peut le faire en CSS
grâce au code présenté ci-dessous
| Corps de la page (X)HTML | <body>
<div class="centrer">Mon bloc centré horizontalement</div>
</body>
|
Et le code CSS utile au positionnement
body {
margin : 0px;
padding : 0px;
text-align: center;
}
.centrer {
margin-left : auto;
margin-right : auto;
width : 400px;
text-align : left;
}
|
Note : Il faut obligatoirement spécifier une largeur
width au bloc à centrer.
|
| | auteur : Jérôme |
Il faut utiliser les marges en CSS
( margin-xxx), qui peuvent être appliquées aux 4 côtés :
- top : haut
- bottom : bas
- right : droite
- left : gauche
Code CSS relatif au décalage vers la droite :
| CSS correspondant au décalage vers la droite | .decalage {
margin-left : 50px
}
|
Utilisation du CSS précédent dans la page (X)HTML :
<div class="decalage">Mon bloc décalé de 50 pixels vers la droite</div>
|
Note : Les marges peuvent être appliquées à n'importe
quel élément.
|
| | auteurs : Eric Berger, Linaa |
Il faut placer le texte dans un tableau et utiliser
l'attribut nowrap dans une cellule td, qui
empêche les retours à la ligne automatiques.
<table>
<tr>
<td nowrap>Mon texte sans retour à la ligne auto</td>
</tr>
</table>
|
On peut également utiliser la balise nobr
<nobr>Mon texte très très long, sur une ligne</nobr>
|
Note : Des barres de défilement horizontaux
risque d'apparaître.
|
| | auteur : debug |
Pour justifier un texte (aligner à droite et à gauche),
il faut utiliser la propriété text-align,
qui peut prendre comme valeur :
- left : gauche
- right : droite
- center : centré
- justify : justifié
Exemple :
| Code CSS nécessaire | .justifie {
text-align : justify;
}
|
Dans la page (X)HTML :
| Code (X)HTML | <div class="justifie">Mon texte à justifier</div>
|
|
| | auteur : Jérôme |
Il est possible d'utiliser les propriétés page-break-after
et page-break-before.
|
| | auteur : Iubito |
Pour le faire, on utilisera le code suivante :
| CSS nécessaire | .fixe {
position : fixed;
top: 0px;
left: 0px;
right: 0px;
width: 100%;
position : expression("absolute");
width : expression("100%");
top : expression(document.body.scrollTop + this.offsetHeight - this.offsetHeight);
left : expression("0px");
}
|
Exemple d'appel du CSS
dans la page (X)HTML :
<div class="fixe">Bloc fixe !</div>
|
Note : Ce code fonctionne aussi très bien avec
Opera/Mozilla avec la propriété position : fixed,
mis au début.
|
| | auteur : Jérôme |
L'élement span est une balise "inline" qui
sert à délimiter un élément de façon logique. Pour que la
balise se comporte tel un "bloc", il faut lui
appliquer la propriété display avec la valeur block.
Définition du style CSS :
| Code CSS | .bloc {
display : block;
}
|
Et son utilisation dans la page (X)HTML :
<span style="bloc">Mon texte</span>
|
|
Consultez les autres F.A.Q's
 
|
|
Les sources présentées sur cette page sont libres de droits
et vous pouvez les utiliser à votre convenance. Par contre, la page de présentation
constitue une œuvre intellectuelle protégée par les droits d'auteur.
Copyright © 2004 Developpez.com Developpez LLC.
Tous droits réservés Developpez LLC. Aucune reproduction, même partielle, ne
peut être faite de ce site ni de l'ensemble de son contenu : textes, documents
et images sans l'autorisation expresse de Developpez LLC. Sinon vous encourez
selon la loi jusqu'à trois ans de prison et jusqu'à 300 000 € de dommages et intérêts.
