Bonjour,
J'ai un site non conventionel ou j'utilise des tables et des iframe, mais, je suis autodidact et j'aimerais évoluer différement en utilisant CSS et php, tout en essayant de garder le même graphisme et mise en page
bref..?
Le problème : j'ai mis 3 images horizontalement 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 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
J'ai déjà passé plusieurs heures à lire des forum à faire des testes mes rien y fait....
Dans l'attente de résoudre ce modeste problème....
Merci d'avance pour l'aide qui me sera apporté ?-{:o))
Modifié par lezarts (15 Apr 2010 - 23:43)
J'ai un site non conventionel ou j'utilise des tables et des iframe, mais, je suis autodidact et j'aimerais évoluer différement en utilisant CSS et php, tout en essayant de garder le même graphisme et mise en page
bref..?
Le problème : j'ai mis 3 images horizontalement 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 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
J'ai déjà passé plusieurs heures à lire des forum à faire des testes mes rien y fait....
Dans l'attente de résoudre ce modeste problème....
Merci d'avance pour l'aide qui me sera apporté ?-{:o))
/* HTML Document*/
<body>
<div id="conteneur">
<div id="heater">
<P><span class="gauche"><img src="images/01.gif" /></span><span class="droite"><img src="images/02.gif" /></span><img src="images/03.gif" /></P>
</div>
</div>
</body>
</html>
[code=css]
/* 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;
}
p {
text-align: center;
vertical-align: bottom;
}
.gauche {
float: left;
}
.droite {
float:right;
}
Modifié par lezarts (15 Apr 2010 - 23:43)
par moi même, après plusieurs jours de nuit blanche.... 