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

HTML Discussion :

dl avec dt et dd sur la meme ligne...


Sujet :

HTML

Vue hybride

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

    Informations forums :
    Inscription : Juin 2005
    Messages : 760
    Par défaut dl avec dt et dd sur la meme ligne...
    Bonjour,
    J'aimerais pouvoir disposer, comme le dit le titre de une dl avec dt et dd sur la meme ligne.
    D'habitude on a :
    dt
    dd
    je voudrais avoir
    dt dd

    J'imagine que passer les elements en display:inline devraient fonctionner (je n'ai pas essayé) mais cela m'empeche de mettre des elements de type bloc dedans et il faudra que j'exprime explicitement les sauts de lignes pour que les dt dd ne soient pas tous sur la meme ligne.
    Une autre soltion devrait etre de passer par un positionnement float ou autre permettant une telle disposition mais je ne suis pas très à l'aise avec les positionnements...
    Est ce que quelqu'un pourrait me montrer commment faire?
    D'avance merci

    support : xhtml strict 1.0 + CSS 2

  2. #2
    Membre éclairé
    Inscrit en
    Janvier 2005
    Messages
    491
    Détails du profil
    Informations forums :
    Inscription : Janvier 2005
    Messages : 491
    Par défaut
    il faudra que j'exprime explicitement les sauts de lignes pour que les dt dd ne soient pas tous sur la meme ligne.
    C'est pas ce que tu veux justement mettre les dt et les dd sur la même ligne?

    D'habitude on a :
    dt
    dd
    je voudrais avoir
    dt dd

  3. #3
    Membre éclairé
    Profil pro
    Inscrit en
    Juin 2005
    Messages
    760
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2005
    Messages : 760
    Par défaut
    oui mais seulement par paire, avec inline j'aurais
    dt dd dt dd dt dd...
    à moins que je ne precise manuellement des <br /> ce qui n'est pas l'ideal...

    Avec le positionement il suffirait juste de decaler le dd pour le mettre à droite du dt en gardant ceux ci fixes pour que cela fonctionne, je crois... Mais pour l'instant je ne sais pas comment... Je fais des essais, j'arriverais peut être à quelque chose.

    EDIT : dt { float:left;} semble pas mal
    RE-EDIT : Semble convenir parfaitement. Résolu.

  4. #4
    Membre éclairé
    Profil pro
    Inscrit en
    Juin 2005
    Messages
    760
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2005
    Messages : 760
    Par défaut
    Nouveau problème, plus exactement la suite.
    Le positionement est correcte mais les dt et dd sont collés.
    Et si j'ajoute un dd:after { content:" : "; } le dernier espace n'est pas affiché et symetriquement avec un dd:before { content:": ";} c'est le premier qui n'est pas affiché....

  5. #5
    Membre éclairé
    Inscrit en
    Janvier 2005
    Messages
    491
    Détails du profil
    Informations forums :
    Inscription : Janvier 2005
    Messages : 491
    Par défaut
    Utilise les marges internes/externes pour que tes dt et dd ne soient pas collées.
    Sinon pour before et after il me semble que internet explorer ne connais pas...

  6. #6
    Membre éclairé
    Profil pro
    Inscrit en
    Juin 2005
    Messages
    760
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2005
    Messages : 760
    Par défaut
    Citation Envoyé par vinzzzz
    Utilise les marges internes/externes pour que tes dt et dd ne soient pas collées.
    Oui j'en utilisé plusieurs dont certaines qui fonctionnait pas pour je ne sais pas quelle raison.
    dt { padding-right:5px; } marche niquel !

    Citation Envoyé par vinzzzz
    Sinon pour before et after il me semble que internet explorer ne connais pas...
    Malheureusement... Je me suis résolu à créer une version basique speciale pour IE ( En fait la meme que celle utilisée par lynx/links... )

  7. #7
    Membre éclairé
    Inscrit en
    Janvier 2005
    Messages
    491
    Détails du profil
    Informations forums :
    Inscription : Janvier 2005
    Messages : 491
    Par défaut
    Je me suis résolu à créer une version basique speciale pour IE ( En fait la meme que celle utilisée par lynx/links... )
    Vivement que tous les navigateurs accordent leurs violons pour ce qui est de l'interpretation du css... c'est franchement galère de devoir bidouiller a chaque fois

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

Discussions similaires

  1. Comment ecrire sur la meme ligne avec la commane ECHO
    Par juflata dans le forum Windows
    Réponses: 3
    Dernier message: 24/11/2015, 09h06
  2. ecrire sur la meme ligne avec echo
    Par fbb53 dans le forum Scripts/Batch
    Réponses: 1
    Dernier message: 29/11/2012, 00h39
  3. [XL-2003] Somme conditionnelle avec cellule à evaluer sur la meme ligne
    Par alban.pinel dans le forum Excel
    Réponses: 3
    Dernier message: 22/04/2009, 17h51
  4. [Plugin Firefox] Parlez avec ceux qui sont sur le même site que vous en direct
    Par ®om dans le forum La taverne du Club : Humour et divers
    Réponses: 25
    Dernier message: 15/08/2006, 11h02
  5. espace entre 2 mots sur 1 meme ligne
    Par zorba49 dans le forum ASP
    Réponses: 1
    Dernier message: 24/08/2005, 14h59

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