bonjour,
voici d'abord mon code html
puis mon css
Code : Sélectionner tout - Visualiser dans une fenêtre à part
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>
voila j'aimerais que mon input file et mon bouton enregistrer se positionne en bas de mes images, a gauche.
Code : Sélectionner tout - Visualiser dans une fenêtre à part
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; }
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
Partager