28220 sujets

CSS et mise en forme, CSS3

Vertical-align ne marche pas !

Bonjour,

Ne vous inquiétez pas, j'ai déjà recherché dans le forum avant de poster, les solutions que j'ai trouvées ne marchait pas pour mon cas (c'est bizarre)...

Je suis en cours de supprimer tous les mise en page à l'aide de tableau dans mon site.
Avant j'avais ceci: http://blog.afrikart.net/help/table.htm
Que j'ai modifié en: http://blog.afrikart.net/help/div.htm

L'essentiel est là mais je ne sais pas comment faire appliquer vertical-align: middle ????

PS: La solution proposée à http://forum.alsacreations.com/topic.php?fid=4&tid=1118#p11581 ne marchait pas pour moi Smiley decu Smiley decu Smiley decu Smiley decu Smiley decu
Modifié par cowboy (07 Jul 2005 - 18:57)
Donc y a pas de solution ??? T'es sûr.
Sinon, je ne vais pas la retourner en tableau... tant pis donc pour vertical-align: middle
Smiley decu Smiley decu Smiley decu Smiley decu Smiley decu
Salut,

a écrit :
tant pis donc pour vertical-align: middle


pas grave du tout, au vu du rendu...à ce propos, tes images sont alignées par rapport à leur bord supérieur. Pourquoi ne pas les aligner par rapport à leur bord inférieur?
bouquins a écrit :
Pourquoi ne pas les aligner par rapport à leur bord inférieur?

Hummm, c'est pensable...

the_penguin a écrit :

sauf si tu définit une hauteur à ton div principal...

C'est pas possible de définir une hauteur fixe, car les images peuvent être vertical ou horizontal, et quelques commentaires aussi peuvent s'y ajouter...
bouquins a écrit :
Pourquoi ne pas les aligner par rapport à leur bord inférieur?


Oups, donc ce sera

<img style="vertical-align: bottom" src="mini_antsapanana.jpg" border="0">


ou par rapport au bloc conteneur
.colonne {
	float: left; text-align: center; vertical-align: bottom;  
}


?
Modifié par cowboy (07 Jul 2005 - 19:44)
Ben...

Moi, mes vignettes sont dans un div ainsi rédigé:


#vignettes {width:700px;
text-align: center;
margin-left: auto;
margin-right: auto;
padding:0.5em;
background-color: #000;
}


Et elles sont alignées sur le bord inférieur...peut-être est-ce l'alignement par défaut??
Je comprend pas...
J'ai centré verticalement un paragraphe dans une div Smiley ohwell
ça a marché, c'est normal ? Smiley murf

Au début, ça marchait pas, puis j'ai mis un line-height à la div et hop, ça a marché Smiley rolleyes

MA div :

#footer {
background : url('bgcopyright.gif');
height : 22px;
line-height : 22px;
font-weight : bold;
font-size : 0.70em;
vertical-align : middle;
padding : 0 10px;
}


Et j'ai 2 paragraphe à l'intérieur et le texte est centré verticalement par rapport à la div..
Modifié par Dark elf (07 Jul 2005 - 22:20)
Sujet clos
Aller à