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 :

[CSS] Barrer un bloc


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Inscrit en
    Octobre 2004
    Messages
    165
    Détails du profil
    Informations forums :
    Inscription : Octobre 2004
    Messages : 165
    Par défaut [CSS] Barrer un bloc
    BOnjours,

    Quels sont les différents moyens qui existent pour barrer un bloc en CSS ?

    Par exemple j'ai un bloc P et je veux qu'il soit traverser horizontalement par une ligne ...

    Est ce qu'on peut faire ça avec un border ou un truc du style ?

    Merci

  2. #2
    Modérateur
    Avatar de blueice
    Homme Profil pro
    Développeur Web
    Inscrit en
    Mars 2003
    Messages
    3 494
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 50
    Localisation : France, Alpes Maritimes (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Mars 2003
    Messages : 3 494
    Par défaut
    Pourquoi ne pas créer une image avec une ligne noire en gif transparent et tu la colles par dessus...

  3. #3
    Inactif  
    Avatar de Kerod
    Profil pro
    Inscrit en
    Septembre 2004
    Messages
    11 672
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2004
    Messages : 11 672
    Par défaut
    Tu peux créer un div interne qui aura pour taille 1px qui aura une bordure de 1 (tu la mets en haut ou bas c'est comme tu veux). Puis tu joues sur le margin pour centrer le tout. Il faudra certainement le mettre absolute pour le chevauchement. (c'est qu'une idée )

  4. #4
    Membre émérite
    Avatar de Linaa
    Profil pro
    Inscrit en
    Avril 2005
    Messages
    987
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2005
    Messages : 987
    Par défaut
    Avec

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    p { text-decoration:line-through; }

  5. #5
    Membre confirmé
    Inscrit en
    Octobre 2004
    Messages
    165
    Détails du profil
    Informations forums :
    Inscription : Octobre 2004
    Messages : 165
    Par défaut
    Génial merci ...

    Mais où est ce que tu vas pecher des propriétés CSS comme celle là ?

  6. #6
    Membre Expert Avatar de Oluha
    Profil pro
    Inscrit en
    Novembre 2004
    Messages
    2 183
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France, Ille et Vilaine (Bretagne)

    Informations forums :
    Inscription : Novembre 2004
    Messages : 2 183
    Par défaut
    pense à cliquer sur le bouton résolu

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

Discussions similaires

  1. [CSS] Problèmes de blocs sous IE
    Par rockingstone dans le forum Mise en page CSS
    Réponses: 7
    Dernier message: 12/05/2006, 20h04
  2. [CSS] Etirer mon bloc pour qu'il fasse la hauteur de la page
    Par FraktaL dans le forum Mise en page CSS
    Réponses: 7
    Dernier message: 10/01/2006, 01h59
  3. [CSS] longueur de bloc
    Par achauche dans le forum Mise en page CSS
    Réponses: 9
    Dernier message: 20/12/2005, 16h29
  4. [CSS]Positionnement des blocs <div> + pb selon navigat
    Par Trunks dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 07/12/2005, 10h56
  5. [CSS] Centrage de bloc VERTICAL
    Par elraton dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 07/09/2005, 17h05

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