IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

HTML Discussion :

probleme de positionnement


Sujet :

HTML

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé
    Profil pro
    Inscrit en
    Novembre 2005
    Messages
    551
    Détails du profil
    Informations personnelles :
    Localisation : Suisse

    Informations forums :
    Inscription : Novembre 2005
    Messages : 551
    Par défaut probleme de positionnement
    bonjour,

    voici d'abord mon code html
    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&eacute;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&nbsp;</label><input type="file" name="photo" id="photo"/>&nbsp;<!-- bouton d envoi -->
    <input type="submit" class="StandardButton120" name="envoi" value="Enregistrer" /></p></fieldset></div></div>
    </form>
    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
    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

  2. #2
    tyx
    tyx est déconnecté
    Membre averti
    Profil pro
    Inscrit en
    Avril 2005
    Messages
    52
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2005
    Messages : 52
    Par défaut
    Un exemple en ligne serait plus parlant que des lignes de code dans ce cas précis même si j'imagine qu'un clear: both sur ton div #enregistrerimage devrait résoudre le souci.

  3. #3
    Membre éclairé
    Profil pro
    Inscrit en
    Novembre 2005
    Messages
    551
    Détails du profil
    Informations personnelles :
    Localisation : Suisse

    Informations forums :
    Inscription : Novembre 2005
    Messages : 551
    Par défaut
    merci bcp c'est ca.....
    j'ai completement oublie que cela existait ce truc...

    le site n'est pas en ligne....c'est pas mo qui decide...

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [CSS] problème de positionnement vertical
    Par Istrella dans le forum Mise en page CSS
    Réponses: 19
    Dernier message: 22/08/2006, 11h20
  2. [c#] Probleme de positionnement de panel
    Par Shakta dans le forum ASP.NET
    Réponses: 1
    Dernier message: 11/07/2006, 18h07
  3. [css] Problemes de positionnement et d'affichage
    Par Arnard dans le forum Mise en page CSS
    Réponses: 8
    Dernier message: 22/06/2006, 14h46
  4. probleme de positionnement
    Par Piotr Raspoutine dans le forum Balisage (X)HTML et validation W3C
    Réponses: 7
    Dernier message: 20/06/2006, 15h02
  5. [CSS] probleme de positionnement
    Par Cube55 dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 27/03/2006, 00h39

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo