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 :

Element flottant ,class et id


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Février 2008
    Messages
    29
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2008
    Messages : 29
    Par défaut Element flottant ,class et id
    Bonjour ,

    J ' aurais 2-3 questions à poser , c est par rapport aux élements flottants et a a définition de classes ou id.

    -J' ai un menu flottant a gauche :float left , j ' aimerai qu ' il se positionne sur toute la partie gauche de ma page afin de mettre a ces cotés toutes les rubriques de mon site .J' ai essayé avec un height :100% mais ça ne fonctionne pas.

    - Pour les différentes rubriques , dois je les définir une à une dans des classes ou des id?
    Un petit exemple , je reconnais que ce n ' est pas très clair :
    Dans ma pages d ' accueil j ai 4 rubriques mais positionnés differement que dans les autres pages, dois je créer des id que pour celles -ci?

    Pour les autres pages je devrais mettre par exemple <div class="class">, suis je obligé de mettre les différentes rubriques dans des div?

    merci pour vos réponses

  2. #2
    Membre éclairé Avatar de StAfX
    Profil pro
    Étudiant
    Inscrit en
    Novembre 2007
    Messages
    63
    Détails du profil
    Informations personnelles :
    Âge : 36
    Localisation : France

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Novembre 2007
    Messages : 63
    Par défaut
    perso j'ai rien pigé...

    tu pourrais donner ton code et/ou un lien sur ta page.

    merci

  3. #3
    Membre chevronné Avatar de desert
    Profil pro
    Inscrit en
    Mai 2007
    Messages
    414
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Mai 2007
    Messages : 414
    Par défaut
    - Pour ton menu prenant toute la hauteur, essaie de donner un height à 100% à ta balise html et body :
    Code css : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    html, body {
         height: 100%;
    }
    - Pour tes rubriques qui sont positionnées différemment selon la page, oui, tu vas devoir redéfinir tes rubriques en leur attribuant un autre id ou class.
    Exemple, si dans ta page d'accueil, tu as ceci :
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    <body>
         <div id="conteneur">
              <div id="menu1">blabla</div>  <!-- div positionné à gauche -->
              <div id="contenu">blabla</div> 
         </div>
    </body>
    Dans une autre page, si ton menu1 doit être positionné à droite, tu vas devoir lui attribuer un autre id (menu2 par exemple). J'espère que c'est ce que tu voulais savoir.

Discussions similaires

  1. document get element by class
    Par knebhi dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 28/01/2010, 16h14
  2. [CSS 2] Probleme de hauteur d'elements flottants
    Par Sniper37 dans le forum Mise en page CSS
    Réponses: 19
    Dernier message: 02/12/2009, 10h11
  3. Probleme ajouter element dans classe vector
    Par salmgh dans le forum Servlets/JSP
    Réponses: 5
    Dernier message: 09/12/2008, 13h53
  4. distribution d'elements dans des classes
    Par christine1985 dans le forum Algorithmes et structures de données
    Réponses: 3
    Dernier message: 31/08/2006, 11h15
  5. [CSS] Elements flottants et taille de l'élément parent
    Par Blustuff dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 28/07/2006, 16h31

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