Comment centrer au milieu de l'écran un élément ?

Version imprimable

05/08/2011, 13h19
andrianiaina

Comment centrer au milieu de l'écran un élément ?

Bonjour à tous,

J'aimerai placer un bouton au plein centre de l'écran. Comment faire ?

Merci

Bonjour,

Tu peux te prendre la tête avec du css ou faire simple :
Code:

1 2 3 4 5 6 <TABLE WIDTH="100%" HEIGHT="100%"> <TR> <TD VALIGN="center" ALIGN="center">toto</TD> </TR> </TABLE>

05/08/2011, 14h17
Invité

Houla Gaetan_ ! Tu as fait un "retour dans le passé" ou quoi ??
Marty MacFly ! Sors de ce corps !! :ptdr:

Centrer les éléments ou un site web en CSS
05/08/2011, 14h30
Gaetan_

Hehehe ;)

Sérieusement parfois il ne faut pas être plus royaliste que le roi.

Les tables rendent encore des services ! oui oui.

centrer une div verticalement c'est 10 lignes de code.

edit : rhooo ca va hein :lol: je peux le faire en ascii art aussi :mouarf:
05/08/2011, 14h36
Bovino

Citation:

Envoyé par Gaetan_

Les tables rendent encore des services ! oui oui.

Tout à fait ! Elles permettent d'afficher des données tabulaires :mrgreen:

:mouarf:
05/08/2011, 14h38
Gaetan_

HANNNN !!!
Il y a une cabale contre moi.

Citation:

Envoyé par Gaetan_

Les tables rendent encore des services !

Je veux bien, mais de là à écrire les balises en MAJUSCULES ! comme au siècle dernier !! rôôôôh le vilain ! :fessee:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<style type="text/css">
        #lebloc { 
          position:absolute; 
          left: 50%;  
          width: 150px; 
          margin-left: -75px; /* moitié de la largeur */ 
          top: 50%; 
          height: 30px; 
          margin-top: -15px; /* moitié de la hauteur */ 
          text-align: center; /* centrage du texte */
          /* options */
          border: 1px solid #000; 
          background: #abc;
        }
</style>
</head>
<body>
	<div id="lebloc">ici le bouton</div>
</body>
</html>

PS : pour ta défense (mais est-ce défendable ? :roll:), il m'est arrivé de le faire aussi avec une table !! :oops: shame on me ...

05/08/2011, 14h43
Bovino

Citation:

Envoyé par jreaux62

Je veux bien, mais de là à écrire les balises en MAJUSCULES ! comme au siècle dernier !! rôôôôh le vilain ! :fessee:

C'est toute la beauté du HTML (comparé au xhtml) : il ne respecte rien !
Imagines-toi qu'en HTML5, les balises <html>, <head> et <body> sont facultatives ! 8O

Citation:

Envoyé par Bovino

Imagines-toi qu'en HTML5, les balises <html>, <head> et <body> sont facultatives ! 8O

Il n'y a pas qu'en HTML5. ;) Mais en HTML toutes versions.

Essaie de passer ça dans le validator :
Code:

1 2 3 4 5 6 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <title>zrgb</title> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1"> <p>bonjouuuur</p>
@andrianiaina : Faudrait aussi penser à répondre aux autres sujets que tu ouvres.

06/08/2011, 11h37
Auteur

Citation:

Envoyé par jreaux62

Houla Gaetan_ ! Tu as fait un "retour dans le passé" ou quoi ??
Marty MacFly ! Sors de ce corps !! :ptdr:

et qui plus est, le code qu'il a posté ne contient aucun bouton :aie:
06/08/2011, 11h43
Invité

Citation:

Envoyé par Bisûnûrs

@andrianiaina : Faudrait aussi penser à répondre aux autres sujets que tu ouvres.

Répondre à celui-ci serait déjà bien ...