Alignement horizontal d'un titre et d'une liste

Mammouth du PHP | 531 Messages

22 janv. 2008, 13:03

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; }

d0m
Mammouth du PHP | 1141 Messages

22 janv. 2008, 15:16

mettre un alignement interieur de ton conteneur header?

Code : Tout sélectionner

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

Mammouth du PHP | 531 Messages

22 janv. 2008, 15:33

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