18041 sujets

Questions générales et questions de débutants

[résolu] Problème d'images horizontale dans une div

Bonjour,

J'ai mis 3 images horizontalement dans une div, mais l'image au centre qui est d'une taille différente se trouve décalée verticalement vers le haut, alors que j'aimerai qu'elle soit sur la même ligne que les 2 autres, j'ai déjà passé plusieurs heures à lire des forum à faire des testes mes rien y fait....

Dans l'attente de votre aide pour résoudre ce premier problème.....

Nous vous passons le bonjour chez-vous merci.....

Ps: première fois que j'utilise ce forum alors si erreur dans les régle de base ne m'en tenez pas rigueur....



/* HTML Document*/

<body>

<div id="conteneur">
 <div id="heater">
  <h1><span class="gauche"><img src="images/01.gif" /></span><span class="droite"><img src="images/02.gif" /></span><img src="images/03.gif" /></h1>
 </div>

</div>  
</body>
</html>





/* CSS Document */

* {
	font-size: 100%;
	margin: 0;
	padding: 0;
	line-height: 100%;
}
body {
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 100%;
	background: url(images/fond/Fond_ciel02.jpg);
	background-attachment: fixed;
	text-align: center;
}
#conteneur{
	width: 965px;
	height: 590px;
}
#heater {
	width: 414px;
	height:75px;
	margin-left: 278px;
}
h1 {
	text-align: center;
	vertical-align: bottom;
}
.gauche {
	float: left;
}
.droite {
	float:right;
}

Modifié par lezarts (15 Apr 2010 - 23:45)
Bonjour

Pour ce qui concerne mon site il fonctionne correctement car j'utilise des tables, mais je veux actuellement évoluer differement en utilisant CSS et passer aussi en php, bref..?
Le problème et que j'ai mis 3 images dans une div celle de gauche 01.gif avec float left et celle de droite 02.gif avec float right elles collent parfaitement à la div mais celle qui ce trouve au centre avec text-align center 03.gif et bien au centre mais aligné verticalement vers le haut et non sur la même ligne bottom que l'image 01 et 02.....

Par ex: si je fait cela avec du texte, a gauche au centre et à droite tout le texte ce trouve sur la même ligne mais pas si je le fait avec des images, alors ke baneko

Que j'utilie une balise <p> <span> <h1> <li> on a toujours le même problème

merci d'avance pour l'aide qui me sera apporté à ce modeste problème
Modifié par lezarts (12 Apr 2010 - 23:57)
Sujet clos
Aller à