28172 sujets

CSS et mise en forme, CSS3

Bonjour Smiley smile ,

Tout d'abord je vous communique le site pour vous aider: XXX
Voilà mon problème, j'ai mis sur 2 lignes mes éléments de mon menu car ceux-ci étaient trop longs (j'en ai d'autres à mettre).
Le hic maintenant est que je n'arrive pas à "remonter" ou à "ajuster" mes éléments pour que ceux-ci apparaissent en entier.
J'ai tenté un
display:-moz-groupbox
mais cela me fait remonter forcément le titre de mes sous-menus (cartes postales/Europe/France) et l'élément accueil (et là je ne peux cliquer que sur le mot "Accueil" et pas dans sa case, comme il l'est actuellement quand vous cliquez sur Accueil).
Je pensais mettre un selecteur mais je pense que là ce n'est pas possible.
Je vous joins 2 screens pour mieux voir.

Merci par avance pour votre aide Smiley biggrin

nini1505
upload/37226-Sanstitre-.jpg upload/37226-Sanstitre-.jpg
Modifié par nini1505 (20 Apr 2011 - 08:32)
Bonjour,


#menu a{
  display:table-cell;
  height:30px;
  padding:0 1em;
  vertical*align:middle;
}



Bonne journée !
Modifié par Carine P (05 Apr 2011 - 12:26)
Bonjour,

Merci pour ta réponse...

Je pense qu'on est sur la bonne solution car ce que tu m'as proposé à l'air vraiment pas mal! Smiley biggrin Merci à toi!

Le seul hic est mon sous menu Europe dans Cartes postales, alors que France dans Europe est nickel.

Que penses tu qu'il faudrait modifier stp?
Merci par avance pour ta réponse Smiley smile
Résolu grâce à ton aide, merci mille fois!
Bonne fin de journée!


.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	height:30px;
	line-height:14px;
        vertical-align:middle