Bon, j'ai fais quelques tests mais ça y est pas tout à fait. Je suis sûr que le problème vient de mon css. Le mieux que je suis arrivé à faire c'est d'aligner mon texte à gauche avec la photo à droite en affectant une valeur au top margin de l'image. Le problème que je rencontre est que si la hauteur de mon bloc de texte est plus grande que mon image, il chevauche sur le texte de l'image suivante... Suis-je clair??!
Jump, j'avais déjà un DIV contenant mes 2 sous DIV, je l'ai juste pas posté plus tôt. Après mes modifs, ça ressemble à ça:
Code :
#main{
margin-top:10px;
background-color:#FFFFFF;
height:auto;
}
#txt_desc{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
position:absolute;
padding:5px;
width:350px;
margin:auto auto auto 20px;
}
#photo_prod{
position:relative;
margin:20px 0 0 440px;
}
La source de ma page:
Code :
<div id="main">
<div id="txt_bienvenue"><%=strDate%></div>
<img src="images/top_main.gif">
<%
rstProd.movefirst
While Not rstProd.eof
response.Write("<div id='txt_desc'>")
response.Write(Nom)
response.Write("<br>")
response.Write(Desc)
response.Write("<br>")
response.Write("</div>")
response.Write("<div id='photo_prod'><img src=" & Thumb & " border='1' width='100'></div>")
rstProd.movenext
Wend
%>
</div><!--Main-->
Est-ce que ça vous éclair plus que moi??
Connexion
Inscription
FAQ
Rechercher
