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

Langage PHP Discussion :

probleme de mise en page div et php [Débutant(e)]


Sujet :

Langage PHP

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    nal
    nal est déconnecté
    Membre confirmé
    Inscrit en
    Avril 2006
    Messages
    129
    Détails du profil
    Informations forums :
    Inscription : Avril 2006
    Messages : 129
    Par défaut probleme de mise en page div et php
    Bonjour,
    Je souhaiterais pouvoir mettre en page dans la même page php une image contenue dans un div et qui représente une partie de la reponse et la partie de la reponse concernant la fiche d'identité de l'image, à côté et pas en dessous de l'image mais je ne sais pas comment faire pour positionner le calque de l'image à côté de la reponse en php sur la fiche d'identité, il se place toujours au dessus ou au dessous!!
    Cette question peut vous sembler primaire mais je débute et ne trouve pas la solution...
    j'ai pourtant créé un calque général (width:100%, top:0%, right:0%,letf:0% )
    qui contient à la fois le calque contenant la reponse en php "fiche identité"(width:15% margin_left:15%, top:8%) censé ne prendre que 15% de largeur à 0% du bord gauche tandis que l'image se trouve dans un autre calque (width:85%, top:2%, left:15%, right:0%)
    Si quelqu'un a la solution, merci d'avance. Nal

  2. #2
    Membre expérimenté
    Homme Profil pro
    Inscrit en
    Août 2003
    Messages
    235
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 43
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Août 2003
    Messages : 235
    Par défaut
    Salut,

    ton probleme et plus du html/css que du php. Regarde du coté de display:inline et float:left pour les styles css.

  3. #3
    nal
    nal est déconnecté
    Membre confirmé
    Inscrit en
    Avril 2006
    Messages
    129
    Détails du profil
    Informations forums :
    Inscription : Avril 2006
    Messages : 129
    Par défaut [débutant] problème de mise en page div et php
    Merci, je vais voir ça.

  4. #4
    nal
    nal est déconnecté
    Membre confirmé
    Inscrit en
    Avril 2006
    Messages
    129
    Détails du profil
    Informations forums :
    Inscription : Avril 2006
    Messages : 129
    Par défaut [débutant]div et php
    Tu veux dire que le positionnement de mes balises div dans la page php sont bonnes (en incluant les calques fiche identité et image dans le même conteneur) mais qu'il faut modifier le css du genre:
    calque_fiche_identité (display:inline, float:left, width:15%, top:2% ect...
    Excuse moi mais je ne suis pas fortiche en html non plus, j'apprends un peu sur le tas pour le moment j'avais jamais eu besoin de ça.

    J'ai essayé avec display:inline et float: left dans le css pour le calque "fiche_identite" et ça marche toujours pas, ça considère toujours le top:0% comme le bas de la réponse précédente.
    Pourrais-tu, s'il te plait me préciser ta réponse. Merci

  5. #5
    nal
    nal est déconnecté
    Membre confirmé
    Inscrit en
    Avril 2006
    Messages
    129
    Détails du profil
    Informations forums :
    Inscription : Avril 2006
    Messages : 129
    Par défaut
    En gros ce que j'ai compris c'est que la réponse dans le balises en php est du type display: bloc (qui s'affiche une en dessous de l'autre) et qu'il faut la mettre inline mais concrètement dans le css je comprends pas bien comment.

  6. #6
    Membre expérimenté
    Homme Profil pro
    Inscrit en
    Août 2003
    Messages
    235
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 43
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Août 2003
    Messages : 235
    Par défaut
    En fait le display:bloc affiche ton conteneur en bloc, c'est a dire l'un en dessous de l'autre. En mettant display:inline, cela te permet de mettre tout sur la même ligne.

    Par exemple, si tu a 2 div:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <div>...</div><div>...</div>
    La deuxieme div va s'afficher en dessous. Avec ça:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <div style="display:inline">...</div><div>...</div>
    La deuxième div va se coller a la 1ere.

  7. #7
    nal
    nal est déconnecté
    Membre confirmé
    Inscrit en
    Avril 2006
    Messages
    129
    Détails du profil
    Informations forums :
    Inscription : Avril 2006
    Messages : 129
    Par défaut
    En gros ce que j'ai compris c'est que la réponse dans le balises en php est du type display: bloc (qui s'affiche une en dessous de l'autre) et qu'il faut la mettre inline mais concrètement dans le css je comprends pas bien comment.

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

Discussions similaires

  1. Probleme mise en page <div>
    Par AurelienNF dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 01/10/2010, 20h02
  2. probleme de mise en page
    Par dardantfred dans le forum Balisage (X)HTML et validation W3C
    Réponses: 23
    Dernier message: 25/10/2005, 00h05
  3. Nouveau probleme de mise en page avec IE
    Par Death83 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 8
    Dernier message: 22/10/2005, 14h47
  4. mise en page DIV : chevauchement
    Par fabrisss dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 28/02/2005, 16h56
  5. Problème de mise en page
    Par cinezone dans le forum Mise en page CSS
    Réponses: 7
    Dernier message: 02/10/2004, 21h31

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