probleme de positionnement
bonjour,
voici d'abord mon code html
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
|
<form method="POST" action="a_foto.php" enctype="multipart/form-data">
<div id="contenuc">
<input type="hidden" value="54" id="idbien" name="idbien">
<h2>Gestion des photos</h2>
<p id="foto">
Vous pouvez insérer 10 photos au maximum.La photo favorie apparaitra dans la liste des biens.<br/>
Pour supprimer une photo il faut d'abord choisir une autre photo en tant que favorie.<br/><br/>
</p>
<ul id="photosave">
<li><img src="../photo/bi54f1.jpg" alt="photo" /><br /><a href="a_foto.php?idbien=54&etat=supprimer&idphoto=47"><img style="height:15px;width:15px;" src="../image/delete.gif" title="Supprimer cette photo" alt="Effacer"/></a><a href="a_foto.php?idbien=54&etat=coeur&idphoto=47"><img style="height:15px;width:15px;" src="../image/heart.gif" title="Mettre en favoris" alt="Coeur"/></a></li><li style="border:1px solid #FF0000;"><img src="../photo/bi54f2.jpg" alt="photo" /><br />favori</li> </ul>
<br />
<div id="enregistrerimage">
<!-- Limiter la taille des fichiers à 200Ko -->
<input type="hidden" name="MAX_FILE_SIZE" value="200000" /><fieldset id="photo"><!-- champs d envoi de fichier, de type file -->
<p><label for="photo">Ajouter une photo </label><input type="file" name="photo" id="photo"/> <!-- bouton d envoi -->
<input type="submit" class="StandardButton120" name="envoi" value="Enregistrer" /></p></fieldset></div></div>
</form> |
puis mon css
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
|
ul#photosave{
margin: 0px;
padding: 10px;
list-style-type: none;
}
ul#photosave li{
margin: 0px;
padding: 5px;
float:left;
}
div#enregistrerimage
{
margin:0px 0px;
width: 770px ;
}
ul#photosave img{
padding: 5px;
height:60px;
width:80px;
}
div#contenuc
{
margin:0px 0px;
width: 770px ;
text-align: left;
color: #FF9933 ;
border: 1px solid #0033FF;
} |
voila j'aimerais que mon input file et mon bouton enregistrer se positionne en bas de mes images, a gauche.
Et pas a cote des images.
j'ai l'impression que le div enregistrerimage continue de suivre le float:left; de la liste de puce. Mais il ne devrait pas vu qu'il est meme en dehors du ul??????
Je suis sous firefox...
Merci d'avance...
Nath
