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

andrianiaina · 05/08/2011, 13h19

Bonjour à tous,

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

Merci

Gaetan_ · 05/08/2011, 13h55

Bonjour,

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

Code :

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

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

jreaux62 · 05/08/2011, 14h17

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

Centrer les éléments ou un site web en CSS

Gaetan_ · 05/08/2011, 14h30

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

je peux le faire en ascii art aussi

Bovino · 05/08/2011, 14h36

Citation:

Envoyé par Gaetan_

Les tables rendent encore des services ! oui oui.

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

Gaetan_ · 05/08/2011, 14h38

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

jreaux62 · 05/08/2011, 14h41

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 !

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
<!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 ? ), il m'est arrivé de le faire aussi avec une table !! shame on me ...

Bovino · 05/08/2011, 14h43

Citation:

Envoyé par jreaux62

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

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 !

Bisûnûrs · 06/08/2011, 11h29

Citation:

Envoyé par Bovino

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

Il n'y a pas qu'en HTML5.

Mais en HTML toutes versions.

Essaie de passer ça dans le validator :

Code :

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

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.

Auteur · 06/08/2011, 11h37

Citation:

Envoyé par jreaux62

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

et qui plus est, le code qu'il a posté ne contient aucun bouton

jreaux62 · 06/08/2011, 11h43

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 ...

05/08/2011, 13h19	#1
andrianiaina Membre à l'essai Inscription : juillet 2006 Messages : 221 Détails du profil Informations forums : Inscription : juillet 2006 Messages : 221 Points : 23 Points : 23	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
	00

05/08/2011, 14h17	#3
jreaux62 Rédacteur Jérôme Réaux Webdesigner Inscription : août 2008 Messages : 2 993 Détails du profil Informations personnelles : Nom : Jérôme Réaux Âge : 45 Localisation : France, Pas de Calais (Nord Pas de Calais) Informations professionnelles : Activité : Webdesigner Secteur : Arts - Culture Informations forums : Inscription : août 2008 Messages : 2 993 Points : 5 786 Points : 5 786	Houla Gaetan_ ! Tu as fait un "retour dans le passé" ou quoi ?? Marty MacFly ! Sors de ce corps !! Centrer les éléments ou un site web en CSS __________________ "Ce qui se conçoit bien s'énonce clairement - Et les mots pour le dire arrivent aisément." Nicolas Boileau-Despréaux, Homme de lettres français (1636-1711), principal théoricien de l'esthétique classique. Site perso Mes tutos DVP : Gestion-Affichage de Nouvelles - Affichage en tableau HTML - Fonctions de redimensionnement d'images
	00

05/08/2011, 14h30	#4
Gaetan_ Membre éprouvé Gaetan Webmaster Inscription : janvier 2007 Messages : 386 Détails du profil Informations personnelles : Nom : Gaetan Âge : 40 Localisation : France Informations professionnelles : Activité : Webmaster Secteur : Biens de consommation Informations forums : Inscription : janvier 2007 Messages : 386 Points : 441 Points : 441	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 je peux le faire en ascii art aussi
	01

05/08/2011, 14h38	#6
Gaetan_ Membre éprouvé Gaetan Webmaster Inscription : janvier 2007 Messages : 386 Détails du profil Informations personnelles : Nom : Gaetan Âge : 40 Localisation : France Informations professionnelles : Activité : Webmaster Secteur : Biens de consommation Informations forums : Inscription : janvier 2007 Messages : 386 Points : 441 Points : 441	HANNNN !!! Il y a une cabale contre moi.
	01

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email