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 :

Encadrement d'un paragraphe


Sujet :

CSS

Vue hybride

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

    Informations forums :
    Inscription : Mars 2004
    Messages : 222
    Par défaut Encadrement d'un paragraphe
    Bonjour,
    J'avoue que je peche un peu en css mais là j'ai un peu honte de vous poser cette question.
    Comment faire pour encadrer un paragraphe de plusieur lignes sans que ça encadre chaque ligne?
    Merci d'avance

  2. #2
    Rédacteur
    Avatar de MasterOfChakhaL
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2004
    Messages
    2 147
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 45
    Localisation : France

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Juin 2004
    Messages : 2 147
    Par défaut
    Bonjour,

    dans ton css:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    p {
      border: 1px solid red;
    }
    Devrait faire l'affaire, non?
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    N'oubliez pas de cliquer sur quand votre question à trouvé une solution.

    Si vous n'avez pas encore lu les règles du club, mieux vaut tard que jamais!

  3. #3
    Membre éclairé
    Profil pro
    Inscrit en
    Mars 2004
    Messages
    222
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2004
    Messages : 222
    Par défaut
    En fait je suis un superboulet.
    Je viens de m'appercevoir que j'avais mis:
    .p{border: thin dashed #CCCCCC;}
    au lieu de:
    p{border: thin dashed #CCCCCC;}
    a force de chercher au mauvais endroit ma boulette.
    je te remercie pour la rapidité de ta réponse

  4. #4
    Membre émérite Avatar de Peut-êtreUneRéponse
    Homme Profil pro
    IT Specialist - IBM Z
    Inscrit en
    Décembre 2006
    Messages
    548
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Essonne (Île de France)

    Informations professionnelles :
    Activité : IT Specialist - IBM Z
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Décembre 2006
    Messages : 548
    Par défaut
    il suffit de donner le style adéquat à ton paragraphe:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    <p style="border: 1px solid #aaa;">
    blabla1<br/>
    blabla1<br/>
    blabla1<br/>
    </p>
    Bien sur tu peux attribuer une classe à ce style et l'externaliser dans ta feuille de style.

    <edit>pas assez rapide </edit>


    .

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

Discussions similaires

  1. Complément sur encadrement paragraphe
    Par willytito dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 29/10/2009, 22h56
  2. Encadrement paragraphe en css
    Par willytito dans le forum Mise en page CSS
    Réponses: 8
    Dernier message: 29/10/2009, 22h53
  3. Encadrer un paragraphe
    Par Math2 dans le forum Mise en forme
    Réponses: 4
    Dernier message: 09/10/2009, 16h49
  4. [XSLT] Encadrer des paragraphes ayant les mêmes balises
    Par billou13 dans le forum XSL/XSLT/XPATH
    Réponses: 6
    Dernier message: 21/10/2005, 11h18
  5. [FORM] Fenêtre Encadrée sans Barre de Titre
    Par princesse dans le forum C++Builder
    Réponses: 2
    Dernier message: 02/01/2004, 13h21

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