28220 sujets

CSS et mise en forme, CSS3

Bonjour,

En réalisant un meu principal, j'ai rencontré un problème de centrage vertical de mon texte, ainsi qu'un décalage sous IE de quelques pixels, dont voici la css
#menup {
	margin: 0;
	padding: 10px 0 0 14px;
	width: 736px;
	height: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	letter-spacing: 0.11em;
	color: #555555;
	background-image:url(../images/menup.gif);
	vertical-align:middle;
	
	

}
#menup ul, #menup li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
	vertical-align: text-bottom;
	height: 10px;
}
#menup a:link, #menup a:visited {
	line-height: 14px;
	font-weight: bold;
	margin: 0 0 0 21px;
	padding: 0;
	text-decoration: none;
	color: #E63324;
}
#menup a:link#current, #menup a:visited#current, #menup a:hover {
	background: transparent;
	color: #9523E7;
	padding-bottom: 2px;
	border-bottom: 1px solid #fff;
}
#menup a:hover {
	color: #9523E7;
}


Je ne saisis pas comment centrer verticalement, et pourquoi mon background ne "colle" pas en haut Smiley sweatdrop sous IE ???

Sympas pour ton aide. A bientôt
Smiley biggrin
OK,

Du coup c'est plus clair : pour l'espace indésirable, c'est un classique, passe ton image (la photo en haut) en "display:block" et le tour est joué. Ca a déjà été expliqué ici.
Pour le centrage, un passage par la FAQ répondra à ta question je pense.
Smiley cligne