alignement
Dernière réponse : dans Programmation
bonjour,
je n'arrive pas à centrer verticalement le texte dans la cellule... voici le code... quelqu'un peut-il me dire où ça "cloche"... merci...
<HEAD>
<style type="text/css">
h1{font-style: italic;
font-family: times new roman;
color: green;
font-size: 20px;
text-align: center;
}
#Positionnement{position: absolute;
left: 50px;
top: 100px;
width: 200px;
height: 0px;
background-color:white;
}
</style>
</HEAD>
<BODY>
<TABLE BORDER=2 BGCOLOR="#COCOCO" ALIGN=center BORDERCOLOR="red" CELLSPACING=4>
<TR>
<TD id="Positionnement"><h1>TITRE</h1></TD>
</TR>
</TABLE>
</BODY>
je n'arrive pas à centrer verticalement le texte dans la cellule... voici le code... quelqu'un peut-il me dire où ça "cloche"... merci...
<HEAD>
<style type="text/css">
h1{font-style: italic;
font-family: times new roman;
color: green;
font-size: 20px;
text-align: center;
}
#Positionnement{position: absolute;
left: 50px;
top: 100px;
width: 200px;
height: 0px;
background-color:white;
}
</style>
</HEAD>
<BODY>
<TABLE BORDER=2 BGCOLOR="#COCOCO" ALIGN=center BORDERCOLOR="red" CELLSPACING=4>
<TR>
<TD id="Positionnement"><h1>TITRE</h1></TD>
</TR>
</TABLE>
</BODY>
Autres pages sur : alignement
Lassé par la pub ? Créez un compte
Bon deja utiliser des tableaux pour faire de la mise en page, c'est mal.
Deuxièmement en CSS pour centrer verticalement, l'astuce consiste à préciser une hauteur de ligne égale à la hauteur de ta cellule ou de ton div.
Exemple :
CSS :
#monBloc {
background-color:#666666;
height:68px;
}
#monBloc p {
font-size:12px;
line-height:68px; /* = hauteur div*/
}
HTML :
<div id="monBloc"><p>Mon texte ici</p></div>
Bon courage![;)]( ";)")
Deuxièmement en CSS pour centrer verticalement, l'astuce consiste à préciser une hauteur de ligne égale à la hauteur de ta cellule ou de ton div.
Exemple :
CSS :
#monBloc {
background-color:#666666;
height:68px;
}
#monBloc p {
font-size:12px;
line-height:68px; /* = hauteur div*/
}
HTML :
<div id="monBloc"><p>Mon texte ici</p></div>
Bon courage
merci pour toutes vos réponses... elles vont me faire progresser... j'ai résolu, peut pas de manière académique, en ajoutant margin: 0px; ou quelques uns... et là mon texte se centre verticalement... romainb_idn, je vais plancher sur tes remarques et ton code, merci... crazycat, j'ai essayé valign="middle" à toutes les sauces, et malheureusement sans effets... a+...
Lassé par la pub ? Créez un compte
