Discussion :

[syl2042]

Bonjour,

Quelqu'un peut m'expliquer ?

Voici le css que j'utilise :

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
.compteur {
	font-family: "Verdana";
	font-size: 35px;
	font-weight:bold;
	color: #990000;
	text-align: center;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
 
}

Voici le résultat sur firefox (parfait)



Et sur IE7 (pas centré)...



Pour l'affichage, j'utilise ceci :

Code :

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

1
2
3
<p align="center">
              <input type="text" name="tempsRestant" size="6" readonly="readonly" value="0" class="compteur">
            </p>

Comment centrer sur IE7???

[Bisûnûrs]

Simplement que l'attribut size ne donne pas le même résultat. Mets plutôt la propriété width en CSS à ton input.

[syl2042]

Désolé, ca marche pas...

J'ai rajouté width:110px; dans mon css pour cet input et toujours décentré...

[Bisûnûrs]

Affiche la bordure de l'input pour y voir plus clair ... Là, difficile de t'aider.

[syl2042]

ben je rajoute la bordure, mais c'est pareil... Mon input est bien centré dans son cadre, et bien centré dans sa zone sur firefox, mais il est bien centré dans son cadre sur IE, mais le cadre décentré à gauche...

[Bisûnûrs]

Heing ?

Je ne comprends pas tes histoires de cadre et de zone. Merci d'être plus claire et plus précis.

[syl2042]

Tu me dis de mettre les bordures alors voila ce que cela donne en image :

Sur firefox :


Sur IE 7




Mon nouveau css :

Code :

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

1
2
3
4
5
6
7
8
.compteur {
	font-family: "Verdana";
	font-size: 30px;
	font-weight:bold;
 
	color: #990000;
	text-align: center;
	width:120px;

Mon code imput :

Code :

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

1
2
3
<p align="center">
              <input type="text" name="tempsRestant"  readonly="readonly" value="0" class="compteur">
            </p>

[Bisûnûrs]

Essaie de mettre

Code :

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

text-align:center;

sur ton p.

[syl2042]

niet, text-align n'y fait rien...

[Bisûnûrs]

La page est en ligne qu'on puisse s'en rednre compte nous-même ?

Ou alors donne nous plus d'infos : le code HTML des balises alentour et leur code CSS associé.

[syl2042]

http://www.xxxxxx.com/pages/home.php

J'essaies avec firefox et IE7...

Merci


EDIT : j'ai supprimé le lien du coup pour discrétion puisque c'est résolu.....

[Bisûnûrs]

Mets align="center" sur le td juste au-dessus de ton form et ça devrait être bon.

[syl2042]

Je suis désolé... Cela fonctionne pas...

J'ai mis des "center" de partout... A n'y rien comprendre...

Voici le bout de code qui gere cet affichage :

Code :

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

1
2
3
4
5
6
7
8
9
10
 <td width="20" ><img src="/images/spacer.gif" width="1" height="119" alt="" /></td>
      </tr>
      <tr>
        <td width="290" height="83" class="fond3"><table width="229" border="0" align="center">
          <td width="169" align="center" valign="top"><form name="form1" id="form1" method="post" action="">
            <p align="center">
              <input type="text" name="tempsRestant" size="6" readonly="readonly" value="0" class="compteur">
            </p>
          </form>
        </table></td>

EDIT : c'est meme plus drole... Si je mets un alignement à droite, c'est à droite sur firefox (logique), mais centré sur IE7...

[Maxoo]

à ce que j'en vois tu as mis un table sans balise tr à la fin ...

[Bisûnûrs]

Ben c'est centré sur tous les navigateurs là.

[syl2042]

Oui, cela y est... Je viens d'y arriver...
En faisant :

Code :

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

1
2
3
4
5
6
7
<td width="290" height="83" class="fond3"><table width="229" border="0" align="center">
 
		  <td height="38" align="center" valign="top"><form name="form1" id="form1" method="post" action="">
		    <input type="text" name="tempsRestant"  readonly="readonly" value="0" class="compteur">
		  </form>		  
	        </td>
	    </table></td>

J'avais le <p align center qui foutait le souc...

On se fait vraiment ch... pour rien de temps en temps...

Merci à vous...