Page 1 sur 1

Alignement horizontal d'un titre et d'une liste

Posté : 22 janv. 2008, 13:03
par supercanard
Bonjour,

Comme vous pouvez le voir ici : http://supercanard.phpnet.org/bloom_08/bloomadmin/
J'ai un titre et une liste côtés à côtes. J'a volontairement mis un overflow: hidden et une couleur à ma liste pour bien comprendre ce qui se passe.

Je voudrais simplement aligner la liste verticalement pour qu'elle soit centré par rapport au titre.
La seule solution que je connaisse et celle de jouer avec padding-top, mais je trouve cette solution un peu "Bidouille & Cie".

Auriez-vous une autre solution ? En sachant que ni le titre, ni la liste ne doivent avoir une hauteur défini en px

Merci d'avance

Code : Tout sélectionner

#header { overflow: hidden; border-bottom: 1px solid #ccc; } #header h1 { float: left; margin-right: 30px; } #header ul { overflow: hidden; list-style-type: none; background: #ccc; } #header ul li { float: left; }

Posté : 22 janv. 2008, 15:16
par d0m
mettre un alignement interieur de ton conteneur header?

Code : Tout sélectionner

#header { overflow: hidden; border-bottom: 1px solid #ccc; vetical-align:bottom; }

Posté : 22 janv. 2008, 15:33
par supercanard
mettre un alignement interieur de ton conteneur header?

Code : Tout sélectionner

#header { overflow: hidden; border-bottom: 1px solid #ccc; vetical-align:bottom; }
Non :wink:
Vertical-align est prévu pour aligner des éléments de type en ligne dans d'autres élément en-ligne.
H1 et UL sont de type bloc donc pas bon...