Alignement horizontal d'un titre et d'une liste

Répondre


Cette question est un moyen d’empêcher des soumissions automatisées de formulaires par des robots.
Smileys
:D :) :( :o :shock: :? 8-) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: =D> #-o =P~ :^o :non: :priere: 8-|
Voir plus de smileys
  Revue du sujet
 

  Étendre la vue Revue du sujet : Alignement horizontal d'un titre et d'une liste

par supercanard » 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...

par d0m » 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; }

Alignement horizontal d'un titre et d'une liste

par supercanard » 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; }