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

Mise en page CSS Discussion :

Flottement dans élément flottant : marche pas


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé Avatar de php_de_travers
    Inscrit en
    Juin 2004
    Messages
    460
    Détails du profil
    Informations forums :
    Inscription : Juin 2004
    Messages : 460
    Par défaut Flottement dans élément flottant : marche pas
    Bonjour,

    voici les grandes lignes de ma structure :
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    <div id="GLOBAL">
    <div id="CONTENU">
    <p>ici mon texte</p>< class="photoadroite" img src="image_001.jpg" alt="commentaire image" width="300" height="225"  />
    </div>
    </div>

    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
    #CONTENU
     {
     	float : right;
    	width : 705px;
    	padding:0 20px 0 0;
    }
     
    #CONTENU img.photoadroite
    	{
    		border:1px solid #e00a16;
    		float:right;
    		margin:5px 15px 6px;
    		padding:5px;
    	}
    Pourquoi la photo ne flotte-t-elle pas ?
    Pourquoi le border n'est-il pas visible ?
    Pourquoi xhtml et css font toujours les intéressants ?

  2. #2
    Rédacteur
    Avatar de MasterOfChakhaL
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2004
    Messages
    2 147
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 45
    Localisation : France

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Juin 2004
    Messages : 2 147
    Par défaut
    Citation Envoyé par php_de_travers
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    < class="photoadroite" img src="image_001.jpg" alt="commentaire image" width="300" height="225"  />
    Il faut te relire...
    t'as pas l'impression qu'il manque quelque chose enre '<' et 'class' ?
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    N'oubliez pas de cliquer sur quand votre question à trouvé une solution.

    Si vous n'avez pas encore lu les règles du club, mieux vaut tard que jamais!

  3. #3
    Membre Expert
    Avatar de Candygirl
    Femme Profil pro
    Inscrit en
    Juillet 2006
    Messages
    1 912
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Âge : 53
    Localisation : Suisse

    Informations forums :
    Inscription : Juillet 2006
    Messages : 1 912
    Par défaut
    Si tu veux que ton image soit à côté de ton paragraphe, il faut la placer avant dans ton html. Là, il y a d'abord ton paragraphe qui prend toute la largeur c'est donc normal que l'image vienne se mettre dans le flux à la suite.

    Si tu la places avant, alors le texte qui suit viendra s'écouler à côté de ton image en float:right.
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
     
    <div id="CONTENU">
    <img class="photoadroite" src="image_001.jpg" alt="commentaire image" width="300" height="225"  /><p>ici mon texte</p>
    </div>
    Les bons réflexes:
    • avant de poser une question:
      règles | faq | tutoriels | recherche
    • clarté, politesse, vocabulaire et orthographe soignés = efficacité
    • remercier ceux qui ont pris le temps d'aider et :resolu: si c'est le cas

  4. #4
    Membre éclairé Avatar de php_de_travers
    Inscrit en
    Juin 2004
    Messages
    460
    Détails du profil
    Informations forums :
    Inscription : Juin 2004
    Messages : 460
    Par défaut
    Merci de votre aide.
    J'ai appris des trucs...
    C'était mon montage xhtml/css qui était foireux.

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

Discussions similaires

  1. fichier bat dans GPO ne marche pas!
    Par fredo_fred dans le forum Windows
    Réponses: 3
    Dernier message: 13/02/2009, 14h04
  2. URL copiée dans OE ne marche pas
    Par robe291 dans le forum Outlook Express / Windows Mail
    Réponses: 0
    Dernier message: 07/04/2008, 07h56
  3. Requête modif dans formulaire ne marche pas
    Par crissud dans le forum IHM
    Réponses: 2
    Dernier message: 12/04/2007, 10h31
  4. Réponses: 2
    Dernier message: 09/04/2006, 16h05
  5. Réponses: 13
    Dernier message: 06/03/2006, 15h25

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