[RESOLU] titre article / border bottom

bonjour

je souhaiterai raccourcir le "border bottom" du titre des articles.
il me semble donc que c'est ici :

Code:

div#contenu h3
      {
         margin-left: 15px ;
         padding-left: 5px ;
         border-bottom: 1px solid #fab529 ;
         border-left: 3px solid #fab529 ;
         color: #fab259 ;
      }

mais je ne sais pas quoi mettre (j'ai essayé avec : border-bottom: 1px width mais négatif... ) ?
si vous avez une idée ?
merci

Bonjour,

border-bottom règle l'épaisseur de la ligne. Vous souhaitez raccourcir dans quel sens cette bordure, à droite ou à gauche ?

Bien cordialement

je souhaite la raccourcir de moitié vers la gauche

Bonjour,

Comme toute bordure, elle ne peut pas être plus courte que le contenu. Par contre elle peut être plus longue que le contenu et c'est la balise padding qui gère cela.. En réglant le padding à 0 alors vous aurez une bordure de la même longueur que le texte.

bien cordialement

et bien c'est ce que je voulais, mais je me suis dit que le titre est de differente longueur et cela ne sera pas possible...

et je le place à quel endroit ??

Bonjour,

Je crois que je n'ai pas été assez clair :
-le soulignement souligne tout le le bloc texte (en l'occurence le titre h3) ;
-il ne peut donc pas être plus court que le texte (et sera de différentes longueurs si les différents titres le sont également, ce qui est souvent le cas) ;
-par contre le bloc texte peut être défini avec une marge intérieure (padding) qui fait que le soulignement (border) peut être plus long que le texte ;
-le padding se règle dans la balise citée ci-avant :

Code:

div#contenu h3
      {
        margin-left: 15px ;
        padding-left: 5px ;
        border-bottom: 1px solid #fab529 ;
        border-left: 3px solid #fab529 ;
        color: #fab259 ;
      }

Si vous placez le padding-left : 0; alors vous aurez un soulignement strictement sous le texte et rien de plus.

Si vous voulez virer la bordure de gauche alors placez border-left:0;

et ainsi de suite...

Notez toutefois que ce forum n'est là que pour aider les utilisateurs de SPIP à démarrer avec ce CMS. Vous devriez vous orienter vers un tutoriel et vers les spécificités du CSS2 pour les feuilles de style. Je vous conseille les cours d'Alsacréations : www.alsacreations.com ou de http://openweb.eu.org/

Pour ma part, pour vous répondre, je puise dans un bouquin qui résume les commandes CSS : Aide-mémoire CSS2 chez Eyrolles. Il en existe d'autres comme un précis et concis chez O'Reilly...

Bien cordialement