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 :

Débutant CSS ! Trois colonnes !


Sujet :

Tableau en CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre très actif

    Homme Profil pro
    Mentaliste
    Inscrit en
    Mars 2008
    Messages
    872
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Bouches du Rhône (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Mentaliste
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Mars 2008
    Messages : 872
    Par défaut Débutant CSS ! Trois colonnes !
    Bonjour,

    Voilà : ici http://labyz.fr/
    j'aimerais que les colonnes en bas, eh bien elles soient dans le cadre.

    En réalité, les divs sont bien imbriqués dans le "div" général, et dès que ces div, je leur ajoute les propriétés

    display:block;
    float:right;

    (ou float:left

    elles sortent de la page (voir le site, vous avez l'exemple concret ).

    Comment devrais-je modifier les CSS pour que tout ça soit correct ?

    NB : j'aimerais vraiment que ces textes (le groupe de mots et le texte explicatif) soient déclarés juste après le div qui contient la table.

    Merci de votre aide, j'en peux plus des CSS !

  2. #2
    Membre confirmé
    Profil pro
    Inscrit en
    Mars 2009
    Messages
    27
    Détails du profil
    Informations personnelles :
    Localisation : France, Haute Garonne (Midi Pyrénées)

    Informations forums :
    Inscription : Mars 2009
    Messages : 27
    Par défaut
    salut, moi quant je met des float sur des div et que ceux-là fais sortir du div parent, je met un "float:left" sur le div parent qui contient les div qui pose probleme et je le centre avec un "margin-left". Apres tu peux aussi essayer de mettre des "clear:both" aux div enfants, mais ça j'ai pas encore bien cerné comment bien s'en servir.

  3. #3
    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

    Tu peux rajouter un

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    .d_gen {
    overflow : hidden
    }
    sur la classe d_gen.

    Pour les explications : http://css4design.developpez.com/tut...flux-partie-2/

    L'ancienne méthode est expliquée ici : http://css.developpez.com/tutoriels/...issement-flux/

  4. #4
    Membre confirmé
    Profil pro
    Inscrit en
    Mars 2009
    Messages
    27
    Détails du profil
    Informations personnelles :
    Localisation : France, Haute Garonne (Midi Pyrénées)

    Informations forums :
    Inscription : Mars 2009
    Messages : 27
    Par défaut
    ^^ Merci j'ai bien fais de m'inscrire sur ce forum!!!

  5. #5
    Membre très actif

    Homme Profil pro
    Mentaliste
    Inscrit en
    Mars 2008
    Messages
    872
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Bouches du Rhône (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Mentaliste
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Mars 2008
    Messages : 872
    Par défaut
    Bonsoir, super pour les explications , je vais les lire, par contre la modification ne fait qu'agrandir le carré (donc maintenant les div sont dedans), mais il restent en bas... voir mon site :

    http://labyz.fr/


  6. #6
    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
    Oui ils restent en bas, c'est normal. Tu veux les positionner où ? Dans ton premier message tu indiques juste que tu veux que ces div soient englobés par le parent...

    Peut tu dire exactement ce que tu veux comme affichage ?

  7. #7
    Membre très actif

    Homme Profil pro
    Mentaliste
    Inscrit en
    Mars 2008
    Messages
    872
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Bouches du Rhône (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Mentaliste
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Mars 2008
    Messages : 872
    Par défaut
    Voilà en fait ce que j'aimerais faire, et ensuite comment je m'y suis pris, je pense que le problème vient surtout de là.

    J'aimerais :
    - avoir une colonne à gauche de taille fixe
    - avoir une colonne à droite de taille fixe
    - un texte au centre de taille fixe

    - le texte au centre avant les deux autres textes, dans le code html (pour des raisons d'accessibilité W3C).

    Voilà ce que j'ai fait :
    - un div avec id "d_gen" qui est le centre
    - un div avec id "col_g" qui est un div / colonne de gauche
    - un div avec id "col_d" qui est un div / colonne de droite

    Et je n'arrive pas à changer le css pour arriver à mes fins.

    Update : bon ok je l'ai changé, mais franchement sous Lynx, c'est pourri. Enfin je sais je sais 0,0000000000000001 % de la population utilise Lynx

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

Discussions similaires

  1. [débutant][CSS]Image entourée dans un tableau
    Par mavina dans le forum Mise en page CSS
    Réponses: 6
    Dernier message: 23/05/2006, 14h11
  2. [C#][Débutant] Datagrid, les colonnes ne se resizent pas automatiquement
    Par Cazaux-Moutou-Philippe dans le forum Windows Forms
    Réponses: 1
    Dernier message: 02/05/2006, 08h08
  3. [CSS] 2 colonnes l'une à coté de l'autre
    Par v4np13 dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 11/11/2005, 22h36
  4. [débutant] nombre de colonne dan sun fichier csv
    Par mandagor dans le forum C++
    Réponses: 18
    Dernier message: 15/06/2005, 15h42
  5. [débutant][CSS]définir une police et une taille global
    Par virgul dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 28/04/2005, 09h32

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