Image non alignées horizontalement

Bonjour tout le monde.

Voilà j'utilise un cadre pour mes images :
code css:

a.cadre, a.cadre:link, a.cadre:visited {
	display: block;
	background-image:url(images/cadre.gif);
	width: 140px;
	height: 69px;
	text-align: center;
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px 38px;
}
a.cadre:hover {
	background-color: #FFFFFF;
	filter:alpha(opacity=70);
	-moz-opacity:.70;
	opacity:.70;
}

le code HTML :

<a href="#" class="cadre"><img src="essai.gif" width="16" height="16" /></a><a href="#" class="cadre"><img src="essai.gif" width="16" height="16" /></a>

Le problème est que mes images se trouvent les unes sous les autres, alors qu j'aimerais qu'elles soient les une à côté des autres.

Est-ce que quelqu'un pourrait m'aider ?
MERCI.

bonjour
elles sont les unes sous les autres car tu les as mis en display block
maintenant il faut rajouter float left pour qu'elles s'alignent.

Oui je te remercie, mais en fait en mettant un float left elle s'alignent bien mais sortent en hauteur du conteneur.
Mais c'est pas grave, j'ai pris une autre solution moins jolie.

Merci quand même.

lugdanum a écrit :
Oui je te remercie, mais en fait en mettant un float left elle s'alignent bien mais sortent en hauteur du conteneur.

Il y a des parades contre ça. Faire une recherche sur le dépassement des flottants.