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 :

Ajouter une div à côté d'une autre existante [CSS 2]


Sujet :

CSS

  1. #1
    Membre éprouvé
    Avatar de beegees
    Homme Profil pro
    Développeur Web
    Inscrit en
    Mars 2004
    Messages
    3 610
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 49
    Localisation : Belgique

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : Enseignement

    Informations forums :
    Inscription : Mars 2004
    Messages : 3 610
    Points : 1 277
    Points
    1 277
    Par défaut Ajouter une div à côté d'une autre existante
    Bonjour tout le monde,

    J'ai un div :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    <div id="en_tete"><h1>&Ecirc;valution des &eacute;tudiants Pharmaciens</h1></div>
    Voici le code CSS attaché à cette div :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
     
    #en_tete
    {
    	height:80px;
    	background:url(../images/footer.gif) no-repeat center;
     
    }
    Je voudrais diviser la div en deux afin d'avoir deux div sur la même zone (en haut de l'écran).

    Sauriez-vous me dire comment faire s.v.p. ?

    Je suis null en CSS.

    Merci d'avance.

    beegees

  2. #2
    Membre à l'essai
    Profil pro
    Inscrit en
    Décembre 2009
    Messages
    19
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2009
    Messages : 19
    Points : 21
    Points
    21
    Par défaut
    Salut!

    Pour ton problème :

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
     
    <div class="en_tete">
        <div class="col_gauche"> colonne droite </div>
        <div class="col_droite"> colonne gauche </div
    </div>

    Code css : 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
     
    .en_tete
    {
            height:80px;
    	background:url(../images/footer.gif) no-repeat center;
    }
     
    .col_gauche
    {
            float: left;
            width: 50%;
    }
     
    .col_droite
    {
            width: 50%;
    }

    Je te conseille vivement de faire un tour dans les tutos CSS. Beaucoup de sites en proposent, tu devrais trouver ton bonheur, et en une petite après midi tu auras acquis suffisamment de bases pour rentabiliser cette "après midi perdue".

    N'hésite pas à revenir si tu as d'autres questions

  3. #3
    Membre éprouvé
    Avatar de beegees
    Homme Profil pro
    Développeur Web
    Inscrit en
    Mars 2004
    Messages
    3 610
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 49
    Localisation : Belgique

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : Enseignement

    Informations forums :
    Inscription : Mars 2004
    Messages : 3 610
    Points : 1 277
    Points
    1 277
    Par défaut
    Salut,

    Un tout grand merci pour ta réponse.

    Mon problème est maintenant solutionné grâce à ta réponse.

    Je te conseille vivement de faire un tour dans les tutos CSS. Beaucoup de sites en proposent, tu devrais trouver ton bonheur, et en une petite après midi tu auras acquis suffisamment de bases pour rentabiliser cette "après midi perdue".
    OK, je suivrai ton conseil.

    Je ne "perds" pas d'après-midi car je développe deux nouvelles applications pour le boulot ce qui me prend 90% de mon temps, même en congé.

    Encore merci.

    beegees

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

Discussions similaires

  1. Adapter la taille d'une DIV par rapport à une autre
    Par sletis dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 23/03/2009, 17h41
  2. Comment positionner une div par rapport à une autre
    Par solorac dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 17/07/2008, 21h08
  3. [AJAX] Atteindre une div situer dans un autre fichier
    Par Cube55 dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 02/08/2007, 13h54
  4. contenu d'une div par dessus une autre
    Par bonjour69 dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 15/01/2007, 09h43
  5. copie d'une table Y d'une base A vers une table X d'une base
    Par moneyboss dans le forum PostgreSQL
    Réponses: 1
    Dernier message: 30/08/2005, 21h24

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