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 :

Intégrer des indentations dans la page


Sujet :

HTML

  1. #1
    Nouveau membre du Club
    Homme Profil pro
    Ingénieur systèmes et réseaux
    Inscrit en
    août 2012
    Messages
    22
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Essonne (Île de France)

    Informations professionnelles :
    Activité : Ingénieur systèmes et réseaux
    Secteur : Finance

    Informations forums :
    Inscription : août 2012
    Messages : 22
    Points : 33
    Points
    33
    Par défaut Intégrer des indentations dans la page
    J'aimerais aligner verticalement plusieurs informations de plusieurs lignes, quelque soit le texte avant, exemple :

    première ligne            voici l'endroit où je veux passer
    2ème ligne                j'y suis mais j'ai du créé plus d'espaces pour aligner
    suite                     encore un nombre d'espaces différent
    baloubaloubaloubalou      alignement manuel
    Bref vous comprenez, j'ai besoin d'une class .marge à qui je pourrais dire : quelque soit l'endroit ou tu te trouves tu passes à X emplacements de caractères à partir du début de la ligne.

    Le css permet de faire cela ?

    Merci par avance pour vos réponses.

    edit : le forum n'accepte pas mes   pour bien aligner mes 2èmes parties de phrases ... j'espère que vous comprendrez mon post néanmoins ...

  2. #2
    Expert confirmé
    Avatar de rodolphebrd
    Homme Profil pro
    Indépendant
    Inscrit en
    novembre 2012
    Messages
    2 336
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Indépendant
    Secteur : Conseil

    Informations forums :
    Inscription : novembre 2012
    Messages : 2 336
    Points : 5 443
    Points
    5 443
    Par défaut
    Bonjour,

    avec un peu de code on pourrait y voir plus clair.

    Pour l'instant je verrais un tableau avant de penser à une solution en CSS.
    Pensez à
    lire les règles du forum effectuer une recherche préalable
    utiliser la balise code (#) éditer votre code sur Codepen, Dabblet, Jsfiddle
    clore votre post avec le bouton

  3. #3
    Rédacteur

    Avatar de Torgar
    Homme Profil pro
    Développeur Web
    Inscrit en
    août 2007
    Messages
    2 335
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 35
    Localisation : France, Hérault (Languedoc Roussillon)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : août 2007
    Messages : 2 335
    Points : 8 097
    Points
    8 097
    Par défaut
    Essaye un <span>première ligne</span> avec display: inline-block et une largeur fixe. Idem pour toutes les lignes.

    Si j'ai bien compris le problème...
    Je ne suis pas schizophrène, nous sommes unanime !!!

    ► Pensez à la balise code et au CODE HTML GENERE !!!!
    ► Au si c'est le cas et au à ceux qui vous ont aidé.
    Vous souhaitez participer aux rubriques CSS et (X)HTML ? Contactez-nous !

    Créer des colonnes de même hauteur en CSS
    Glossaire CSS
    Les bordures en CSS3
    Les transitions en CSS3

  4. #4
    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 : 51
    Localisation : France, Gironde (Aquitaine)

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

    Informations forums :
    Inscription : juin 2008
    Messages : 23 647
    Points : 91 420
    Points
    91 420
    Billets dans le blog
    20
    Par défaut
    Au pire, il existe l'entité &emsp;, mais ça ne correspond pas à une véritable indentation...
    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

  5. #5
    Nouveau membre du Club
    Homme Profil pro
    Ingénieur systèmes et réseaux
    Inscrit en
    août 2012
    Messages
    22
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Essonne (Île de France)

    Informations professionnelles :
    Activité : Ingénieur systèmes et réseaux
    Secteur : Finance

    Informations forums :
    Inscription : août 2012
    Messages : 22
    Points : 33
    Points
    33
    Par défaut
    Citation Envoyé par rodolphebrd Voir le message
    Bonjour,

    avec un peu de code on pourrait y voir plus clair.

    Pour l'instant je verrais un tableau avant de penser à une solution en CSS.
    Oui le tableau à border=0 peut être une solution de contournement avec des magouilles à base de <td>, néanmoins on doit dès lors faire face aux problèmes liés aux tableaux (width, etc ...) et plus aux problèmes liés à un texte.

    Je sais bien que html est ultra basique mais bon je pensais que d'autres personnes avaient déjà rencontré ce genre de besoin et strouvé une solution pereine :-(

    Car créer une fonction qui détermine le format de l'écran et donc la taille d'une ligne, pour ensuite bidouiller sur des tab manuelles, c'est un peu navrant non ? ^^

  6. #6
    Membre expert
    Avatar de Muchos
    Homme Profil pro
    Enseignant
    Inscrit en
    décembre 2011
    Messages
    1 699
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 35
    Localisation : France, Ardennes (Champagne Ardenne)

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

    Informations forums :
    Inscription : décembre 2011
    Messages : 1 699
    Points : 3 846
    Points
    3 846
    Billets dans le blog
    6
    Par défaut
    @romegonic: quelles magouilles ou bidouilles?
    Exemple avec les deux solutions proposées plus haut :

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    <!doctype html>
    <html dir="ltr" lang="fr-FR">
    <head>
      <meta charset="UTF-8" />
      <title>Texte à marge fixe</title>
      <style type="text/css">
    .marge {
      min-width: 20em;
    }
    td {
      border: collapse;
    }
    span {
      float: left;
    }
      </style>
    </head>
    <body>
      <!-- Avec TABLE -->
      <table>
        <tr>
          <td class="marge">du texte</td>
          <td>foo</td>
        </tr>
        <tr>
          <td class="marge">encore du texte</td>
          <td>bar</td>
        </tr>
      </table>
      <!-- Avec SPAN -->
      <p>
        <span class="marge">du texte</span>
        foo
      </p>
      <p>
        <span class="marge">encore du texte</span>
        bar
      </p>
    </body>
    </html>

    ---
    Debug the Web together!

Discussions similaires

  1. Récupérer des données dans une page HTML
    Par newdelirium dans le forum Langage
    Réponses: 3
    Dernier message: 26/10/2005, 19h18
  2. Positionner des cellules dans une page
    Par BBe8127 dans le forum Macros et VBA Excel
    Réponses: 6
    Dernier message: 01/10/2005, 10h25
  3. [Free Pascal] Intégrer des valeurs dans un menu dynamique
    Par boullery dans le forum Free Pascal
    Réponses: 16
    Dernier message: 30/03/2005, 17h04
  4. Réponses: 6
    Dernier message: 31/01/2005, 09h47
  5. LYCOS ET MYSQL - Intégrer des images dans une base!
    Par archeo dans le forum Installation
    Réponses: 3
    Dernier message: 06/04/2004, 13h45

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