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 :

Placer un formulaire au sein d'une invitation


Sujet :

Positionnement en CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Janvier 2005
    Messages
    210
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2005
    Messages : 210
    Par défaut Placer un formulaire au sein d'une invitation
    Bonsoir,

    Je souhaiterais placer un formulaire dans les pointillés de cette image.
    Je ne sais pas comment faire pour qu'il soit exactement à l'interieur...

    J'ai toujours utilisé notepad pour developper en php, javascript...

    Dois t-on obligatoirement passer par un editeur pour faire ce que je veux ?

    Merci
    Images attachées Images attachées  

  2. #2
    Membre émérite Avatar de sebhm
    Homme Profil pro
    Développeur Web
    Inscrit en
    Avril 2004
    Messages
    1 090
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 45
    Localisation : France, Landes (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : Agroalimentaire - Agriculture

    Informations forums :
    Inscription : Avril 2004
    Messages : 1 090
    Par défaut
    Bonjour,

    tu pourrais par exemple avoir un <div> de la taille de ton image, avec ton image en background de ce <div>
    css :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    #tondiv {
     background-image: url(tonimage.jpg);
    }
    et à l'intérieur de ce <div>, ton <form> que tu placerais pile-poil où il faut, toujours en css
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    #tondiv form {
     position : absolute;
     left : 34px;
     top : 154px;
     width : 125px;
    }
    apres, faut voir si tout ton formulaire passe dans ce petit espace

  3. #3
    Membre confirmé
    Profil pro
    Inscrit en
    Janvier 2005
    Messages
    210
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2005
    Messages : 210
    Par défaut
    Merci Sebou !

  4. #4
    Expert confirmé
    Avatar de 12monkeys
    Homme Profil pro
    Webmaster
    Inscrit en
    Novembre 2006
    Messages
    4 093
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 48
    Localisation : France, Puy de Dôme (Auvergne)

    Informations professionnelles :
    Activité : Webmaster
    Secteur : Service public

    Informations forums :
    Inscription : Novembre 2006
    Messages : 4 093
    Par défaut
    Bonsoir

    Je préciserais qu'il faut rajouter position:relative au div pour que le formulaire se positionne en fonction du div.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    #tondiv {
     background-image: url(tonimage.jpg);
     position:relative;
    }
    http://css.developpez.com/faq/?page=...ement_absolute

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

Discussions similaires

  1. Réponses: 2
    Dernier message: 28/01/2014, 01h41
  2. [SP-2007] Récuperer le titre d'une formulaire étant au sein d'une liste
    Par laurent_m dans le forum Développement Sharepoint
    Réponses: 10
    Dernier message: 06/07/2011, 16h11
  3. Placer un objet dans global au sein d'une fonction
    Par PauseKawa dans le forum Général Python
    Réponses: 10
    Dernier message: 11/05/2010, 09h21
  4. Réponses: 6
    Dernier message: 21/06/2005, 10h14
  5. [Clavier] Gestion d'une invite de commandes
    Par Damian dans le forum Assembleur
    Réponses: 9
    Dernier message: 28/04/2005, 16h41

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