[ Résolu ] Centrer verticalement un <h1> dans un td

Tchupacabra

17 Nov 2005 à 12:11

Bonjour à tous,

j'ai un td avec une hauteur de 60px de lequel j'ai placé un titre <h1>
<td class="bande" valign="middle"> ne marche pas... Smiley confus

Comment faire pour le centrer verticalement ?

Merci d'avance ! @+ Smiley cligne

Modifié par Tchupacabra (17 Nov 2005 - 14:46)

Raphael

Administrateur

17 Nov 2005 à 12:17

Hello,

As-tu commencé par supprimer les margin/padding sur l'élément <h1> ?

Tchupacabra

17 Nov 2005 à 12:37

oui...

voici mon css :

h1 {
	font-size: 1em;
	color:#000000;
	margin:0px;
	padding:0px;
}
td.bande {
	text-align: center;
	background-color: #FFCC33;
	height: 60px;
}

et mon tr :

<tr><td class="bande" valign="middle"><h1>Mon titre</h1></td></tr>

Y a autre chose qu'on m'aurait caché ???? Smiley confus

~~supprimé~~

17 Nov 2005 à 13:50

si si ca marche...

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans nom</title>
<style type="text/css">
h1 {
	font-size: 1em;
	color:#000000;
	margin:0px;
	padding:0px;
}
td.bande {
	text-align: center;
	vertical-align:middle;
	background-color: #FFCC33;
	height: 400px;
}
</style>
</head>
<body>
<table>
<tr><td class="bande"><h1>Mon titre</h1></td></tr>
</table>
</body>
</html>

Tchupacabra

17 Nov 2005 à 14:46

ok ok !

vertical-align:middle;

Merci yyoupla et Raphael !!! Smiley cligne

>> A noter que sous Dreamweaver la mise en forme vertical-align:middle; ne prend pas... Smiley ohwell

~~supprimé~~

17 Nov 2005 à 15:15

il y a un sacré paquets de choses que Dreamweaver n'affiche pas en mode Création... ne surtout pas s'y fier, cet aperçu n'est qu'un aperçu...