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 :

<div> et <p> retour à la ligne


Sujet :

HTML

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé Avatar de luta
    Inscrit en
    Novembre 2003
    Messages
    1 038
    Détails du profil
    Informations forums :
    Inscription : Novembre 2003
    Messages : 1 038
    Par défaut <div> et <p> retour à la ligne
    bonsoir
    y a t il un moyen pour empecher le navigateur
    IE et Firefox en particulier de faire un retour à la ligne après leur insertion?
    par exemple si j ai
    <div>a</div><div>b</div><div>c</div>

    le résultat sera
    a
    b
    c

    ...ce qui m ennui baucoup.
    Je n ai pas le droit pour des raisons de respect de DTD d utiliser autre chose (sinon...le span etait parfait.. )

  2. #2
    Membre émérite Avatar de nako
    Profil pro
    Ingénieur développement logiciels
    Inscrit en
    Août 2003
    Messages
    577
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Activité : Ingénieur développement logiciels

    Informations forums :
    Inscription : Août 2003
    Messages : 577
    Par défaut
    Bonjour, la propriété display placé dans le CSS devrait être une solution à ton problème :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    div {
      display: inline;
    }
    a+

  3. #3
    Expert confirmé
    Avatar de Auteur
    Profil pro
    Inscrit en
    Avril 2004
    Messages
    7 660
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2004
    Messages : 7 660
    Par défaut
    bonjour,

    essaye ceci :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
     
    <div style="display: inline">a</div>
    <div style="display: inline">b</div>
    <div style="display: inline">c</div>
    <div style="display: inline">d</div>
    <div style="display: inline">e</div>
    tu auras les caractères sur une ligne mais attention, les marges sont différentes sous IE et FF.

  4. #4
    Membre éclairé Avatar de luta
    Inscrit en
    Novembre 2003
    Messages
    1 038
    Détails du profil
    Informations forums :
    Inscription : Novembre 2003
    Messages : 1 038
    Par défaut
    merci ça à l air de fonctionner!
    ça m arrange vraiment bcp

  5. #5
    Expert confirmé
    Avatar de javatwister
    Homme Profil pro
    danseur
    Inscrit en
    Août 2003
    Messages
    3 684
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Calvados (Basse Normandie)

    Informations professionnelles :
    Activité : danseur

    Informations forums :
    Inscription : Août 2003
    Messages : 3 684
    Par défaut
    div est une balise bloc! il n'est pas correct de lui imposer un style inline;

    par contre, la propriété float:left répond à ce que tu cherches;

  6. #6
    Expert confirmé
    Avatar de Auteur
    Profil pro
    Inscrit en
    Avril 2004
    Messages
    7 660
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2004
    Messages : 7 660
    Par défaut
    peut être avec

    mais j'ai un sérieux doute : la propriété fonctionne-t-elle avec tous les navigateurs ?

  7. #7
    Membre très actif
    Homme Profil pro
    PDG
    Inscrit en
    Septembre 2005
    Messages
    101
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 64
    Localisation : France, Val de Marne (Île de France)

    Informations professionnelles :
    Activité : PDG
    Secteur : Arts - Culture

    Informations forums :
    Inscription : Septembre 2005
    Messages : 101
    Par défaut
    Citation Envoyé par Auteur
    peut être avec

    mais j'ai un sérieux doute : la propriété fonctionne-t-elle avec tous les navigateurs ?
    Non, pas avec IE ^^

  8. #8
    Expert confirmé
    Avatar de Auteur
    Profil pro
    Inscrit en
    Avril 2004
    Messages
    7 660
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2004
    Messages : 7 660
    Par défaut
    Citation Envoyé par dasdeb
    Citation Envoyé par Auteur
    peut être avec

    mais j'ai un sérieux doute : la propriété fonctionne-t-elle avec tous les navigateurs ?
    Non, pas avec IE ^^
    je me disais aussi...

    pour revenir au problème de tiscars : s'il utilise
    , il devra sans doute ajouter dans le code html (après ses div) :
    ou
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <hr style="clear: both; visibility: hidden">
    pour éviter des soucis de présentation.

  9. #9
    Membre éclairé Avatar de luta
    Inscrit en
    Novembre 2003
    Messages
    1 038
    Détails du profil
    Informations forums :
    Inscription : Novembre 2003
    Messages : 1 038
    Par défaut
    hummm, je n ai pas encore testé reellement vos solutions.
    Mon probleme est que pour des raisons diverses (génération à partti d un xml... et autres) je me retrouve avec des text seuls directement sous body...ce qui me pose un tres gros probleme
    pour pailer à cela je met ces text dans des balises p ou div mais il y a saut de ligne apres chaque p ou div

    apparement la meilleure solution est celle cité ds une feuille de style div {
    display: inline;
    }
    puisque ds une feuille de style je peux ecrire ce que je veux... à coté de cela je ne peux pas trop jouer avec le html pour des raisons de respect de dtd...
    merci a tous pour vos reponses en tout cas

Discussions similaires

  1. retour à la ligne dans une div
    Par kahya dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 03/04/2007, 11h56
  2. <div> sans retour à la ligne
    Par XtoX dans le forum Mise en page CSS
    Réponses: 8
    Dernier message: 16/03/2007, 15h20
  3. [HTML] Eviter le retour à la ligne des div
    Par shadowbob dans le forum Balisage (X)HTML et validation W3C
    Réponses: 4
    Dernier message: 01/09/2006, 16h17
  4. Retour à la ligne automatique dans les div
    Par Delphy113 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 5
    Dernier message: 15/02/2006, 10h42
  5. [CSS] largeur de div et retour à la ligne
    Par bat dans le forum Mise en page CSS
    Réponses: 9
    Dernier message: 17/11/2005, 16h36

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