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 :

Liste <ul><li> - Aligner le 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 The Molo
    Profil pro
    Inscrit en
    Avril 2007
    Messages
    240
    Détails du profil
    Informations personnelles :
    Âge : 40
    Localisation : Belgique

    Informations forums :
    Inscription : Avril 2007
    Messages : 240
    Par défaut Liste <ul><li> - Aligner le retour à la ligne
    Bonjour à tous,

    Voici mon problème, j'ai une liste :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
     
    <ul>
    <li>Ma phrase est trop longue</li>
    <li>Phrase 2</li>
    </ul>
    Lorsque la phrase entre les balises <li> est trop longue, on a un retour à la ligne.
    Ce que je n'aime pas, c'est que le retour à la ligne se fait en dessous de la puce (voir printscreen).

    Y-at'il moyen d'aligner le texte qui retourne à la ligne en dessous du premier mot de la phrase à la place d'être en dessous de la puce ?

    Merci.
    Images attachées Images attachées  

  2. #2
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 55
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    C'est du CSS :
    Code css : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    li{
        list-style-position: outside;
    }
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  3. #3
    Membre éclairé Avatar de The Molo
    Profil pro
    Inscrit en
    Avril 2007
    Messages
    240
    Détails du profil
    Informations personnelles :
    Âge : 40
    Localisation : Belgique

    Informations forums :
    Inscription : Avril 2007
    Messages : 240
    Par défaut
    Merci, c'était bien çà !!!

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

Discussions similaires

  1. Ma liste à puce sans retour à la ligne ?
    Par ChrissBob dans le forum Balisage (X)HTML et validation W3C
    Réponses: 6
    Dernier message: 23/08/2011, 14h05
  2. Réponses: 5
    Dernier message: 05/12/2008, 02h39
  3. Avoir 3 blocs aligné sur la même ligne avec hauteur automatique
    Par arnaudperfect dans le forum Mise en page CSS
    Réponses: 5
    Dernier message: 30/01/2008, 03h06
  4. Supprimer le retour à la ligne après une liste deroulante
    Par kobe dans le forum Balisage (X)HTML et validation W3C
    Réponses: 4
    Dernier message: 30/08/2006, 14h34

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