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 :

Probleme saut de ligne


Sujet :

Tableau en CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Octobre 2008
    Messages
    36
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2008
    Messages : 36
    Par défaut Probleme saut de ligne
    Bonjour a tous,

    J'ai un probleme au niveau d'un saut de ligne dans ma div content voir exemple (http://airwebdesign.free.fr/) je ne comprends pas pourquoi ma phrase fait un saut de page pour ma deuxieme partie du texte alors que je voudrais que tout soit aligner

    Merci par avance

  2. #2
    Membre chevronné Avatar de Poulpynette
    Femme Profil pro
    Développeur informatique
    Inscrit en
    Juin 2006
    Messages
    349
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Âge : 48
    Localisation : France, Hérault (Languedoc Roussillon)

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Juin 2006
    Messages : 349
    Par défaut
    Selon ton code source, ta "phrase" est coupée en deux parties :
    - la première dans des balises <h1>
    - la deuxième dans des balises <h2>

    Donc je pense que le comportement est normal.

  3. #3
    Membre averti
    Profil pro
    Inscrit en
    Octobre 2008
    Messages
    36
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2008
    Messages : 36
    Par défaut
    Comment ne pas sauter a la ligne alors en inserant mes deux balises h1 et h2 je vourdais donner deux effets de styles sur une phrase

  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 : 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
    Les balises hn sont de type bloc, elles génèrent donc un retour à la ligne.
    Pour contourner, tu as deux solutions :
    • Utiliser des balises span (type inline) et leur affecter un style particulier
    • Donner à tes balises un display inline

    La première solution ayant l'avantage de mieux respecter l'aspect sémantique du HTML.
    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

Discussions similaires

  1. [PowerShell] Regex - Probleme saut de ligne remplacement de caractère
    Par lucas057 dans le forum Scripts/Batch
    Réponses: 1
    Dernier message: 04/12/2014, 14h25
  2. Probleme saut de ligne apres liste
    Par marty499 dans le forum Mise en forme
    Réponses: 4
    Dernier message: 23/05/2011, 11h31
  3. probleme saut de ligne avec scanf
    Par abdelmounaime dans le forum C
    Réponses: 5
    Dernier message: 20/11/2010, 19h28
  4. Probleme saut de ligne dans Firefox et pas dans IE
    Par parisjohn dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 12/08/2008, 17h51
  5. probleme saut de ligne en batch
    Par warubi dans le forum Windows XP
    Réponses: 1
    Dernier message: 20/07/2008, 12h29

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