Discussion :

[bambou]

Bonjour

J'ai un souci au niveau de l'alignement d'un bloc de texte.
Ma page est compose de fieldset, centres, dans un de ses fieldset j'ai un bloc qui centre deux blocs de texte, dont le texte est aligne a gauche, ce qui donne a peu pres ca :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
       <FIELDSET class="white" id="result">
          <LEGEND>Result Data</LEGEND>
<!-- le bloc centre re-centre les blocs blocL et blocR a 60% de la largeur du fieldset --->
          <DIV class="centre">
<!-- les blocs blocL et blocR sont aligne horizontalement et le texte a l'interieur est aligne sur la gauche -->
            <DIV class="blocL" id="left">
                blablabla
            </DIV>
            <DIV class="blocR" id="left">
                blablabla
            </DIV>
          </DIV>
<!-- Le bloc blocY a son texte centre -->
          <DIV class="blocY">
                blablabla
          </DIV>
        </FIELDSET>

Le texte des blocs blocL et blocR est aligne a gauche mais je souhaiterai egalement qu'il apparaisse au centre du bloc et non sur la gauche, ce que je n'arrive pas a faire.
Pouvez-vous m'aider?

[masu]

peu tu donner le css en rapport avec le code que tu donne stp.
sinon a vu de nez, je te dirai de mettre un width:50% sur blocL et blocR et de jouer apres sur le paddin et/ou le margin.

[bambou]

Voila le CSS

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
..blocL 
{
  width: 50%;
  float: left;
}
 
.blocL#left
{
  text-align: left;
}
 
.blocR 
{
  width: 50%;
  float: right;
}
 
.blocR#left
{
  text-align:left;
}
 
.blocY 
{
  /*width: 5px;*/
  vertical-align: middle;
  margin-right: auto;
  margin-left:auto;
  text-align:center;
}
 
.centre
{
  width:60%;
  margin-right: auto;
  margin-left:auto;
}

j'ai teste avec des margin-left/margin-right:auto;, ca change rien

[fallais]

Le texte des blocs blocL et blocR est aligne a gauche mais je souhaiterai egalement qu'il apparaisse au centre du bloc et non sur la gauche, ce que je n'arrive pas a faire.
Pouvez-vous m'aider?

Tu les veux a gauche ou au centre ?

[bambou]

bah c'est ca le truc, je veux un alignement du texte a gauche, mais au centre du bloc...j'espere que c'est plus clair dis comme ca

[fallais]

bah c'est ca le truc, je veux un alignement du texte a gauche, mais au centre du bloc...j'espere que c'est plus clair dis comme ca

Peut tu faire un Sreen puis entourer en rouge la ou tu vroudrais que le texte soit ? Stp car le comprend pas (a gauche mais au centre )

De plus regarde ton code CSS au debut il y a 2 points .. Je les ai enlevé pour tester chez moi mais toi tu les as ? Si oui enleve en un

[fallais]

Ah je pense avoir trouvé ! va voir la : http://francallais.free.fr/ et dis moi si c'est ca Si oui je te file le code

PS : les couleurs c'etait pour m'y retrouver t'inquietes pas je les enleve si le code te conviens

[bambou]

alors non c'est pas tout a fait ca..

dans l'image suivante, le cadre rouge represente mon div, les boutons radios sont alignes a gauches les uns par rapports aux autres, mais l'ensemble du groupe de boutons radio + legende est colle a gauche du bloc div, alors que je souhaiterai qu'ils soient centres



erf c dur a expliquer