Centrer le contenu d'une page jsf

Version imprimable

14/06/2011, 10h53
zaghdoud

Centrer le contenu d'une page jsf

bonjour a tous ,
ce que je cherche c'est on fait la possibiliter de centrer le contenu de page jsf .
Par exemple j'ai un Input text et un inputtextarea ce que je veut c'est de les mettre au centre de ma page web.
merci d'avance :)
14/06/2011, 11h17
Mr_Glopinous

Salut :coucou:,

Je pense qu'il s'agit plus de css/html que de JSF.
Pour le centrage horizontal :
- Style pour les block = margin: auto
- Style pour les inline = text-align:center

A faire sur le bloc dont du veux le contenu centre horizontalement.

J'espere t'avoir aider ;)
14/06/2011, 11h17
romaintaz

Utilises du CSS, avec la propriété text-align pour le conteneur de ces éléments.

comme l'on dit les autres, je pense que div serait approprié

Code:

<div class="centre">...</div>

Code:

1
2
 
<h:panelGroup layout="block" styleclass="centre">...</h:panelGroup>

avec dans la feuille de styles

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
.centre{
/*****centré horizontalement*****/
margin:auto;
text-align: center; /*pour corriger le fameux bug IE*/
 
/****centré verticalement*****/
position:absolute;
left: A%;
top: B%; /*A et B Paramètre à fixer en fonction de la taille du contenu*/
width: X px;
height: Y px; /*X et Y Paramètre à fixer en fonction de la taille du contenu*/
margin-top: -X/2 px; /* moitié de la hauteur */
margin-left: -Y/2 px; /* moitié de la largeur */
}

ps: attention quand même à "position:absolute;"

salut,
il suffit de mettre :

Code:

1
2
3
4
<center>
<h:inputText value="test" />
<h:inputtextarea value="test" />
</center>

22/06/2011, 15h34
Mr_Glopinous

C'est quand même déprécié : http://www.w3schools.com/TAGS/tag_center.asp