28173 sujets

CSS et mise en forme, CSS3

salut a tous,

j'ai un probleme que je n'arrive pas à résoudre de puis quelques jours et que je voulais vous faire partager.

j'ai une div qui s'appelle 'milieu' et qui possede un 'border' qui permet de faire la démarcation avec le reste du site.
à l'interieur de cette div, il va se positionner, en fait, une galerie de photos.
les photos sont chacune dans une div 'image'.
j'aimerai donc les mettre cote à cote pour vraiment faire une galerie. j'utilise donc dans le CSS un 'float:left'.
le probleme c'est qu'au moment ou je mets le 'float' eh bien les images se glissent sous la div 'centre'.
ce ci semble dire que float se comporte un peu comme une position:absolute, c'est à dire, que les images vont passer au dessus de tout !!

donc c'etait juste pour savoir si ce qu eje pense est vrai?

et si vous pouvez m'aider en meme temps ?

je joint une image de mon probleme upload/6392-problemeima.jpg
et voci le code que j'utilise


HTML :


<div id="image">

    <table>
    <td style="border: 1px solid #3971C0;" width="166" align="center"   valign="bottom" onMouseOver="this.style.backgroundColor='#E2EAF5'" onMouseOut="this.style.backgroundColor='#FFFFFF'">
    <div align="center">
<br>
    <!--on affiche la vignette-->
    <a href="../public/affichfr-5728-70-0-621.html"> 
    <img src="images/Accidents-Crashes2.jpg" width="100" height="66" alt="" border="0">
    </a>

<br><br>
    </table>
</div>	



et le CSS



#image{
margin-right:20;
margin-left:20;
float:left;
}