Bienvenue sur Le Ouaibe  
  Créer un compte 5 visiteur(s) et 0 membre(s) en ligne.
leouaibe.info, un peu de tout sur tout ...
Sujets
Connexion...
Bonjour, Visiteur
Pseudo :
Mot de Passe:
PerduInscription

Actuellement :
Visiteur(s) : 5
Membre(s) : 0
Total :5

Administration

Menu

Activité du Site
Pages vues depuis 01/01/2007 : 291 904
  • Nb. de Membres : 44
  • Nb. d'Articles : 29
  • Nb. de Forums : 3
  • Nb. de Sujets : 6
  • Nb. de Critiques : 1

Top 50  Statistiques


Boite a outils : Soulignement double
Posté le Dimanche 01 juin 2008 @ 10:18:49 par kamila

Boîte a outils Le soulignement double n'existe pas, mais il est possible de le réaliser aussi bien sur du texte que sur un lien, en "trichant" un peu avec les CSS, en combinant la balise de soulignement traditionnelle (text-decoration) et la balise d'encadrement (border).

ex: Soulignement double

Comment faire?

Dans le fichier style de votre thème, céez la classe suivante:


.souligne2 {
text-decoration: underline;
padding-bottom: 0,25em;
border-bottom: solid 1px;
}


text-decoration underline: balise normale de soulignement
padding-bottom 0,25em: "Décalage vers" le bas de 0,25em (on pourrait mettre cette valeur en pixel mais la valeur en em (valeur relative permettra de l'adapter a toute les polices et tailles de caractères)
border-botton solid 1px: Trait continu de taille 1px

Si vous souhaitez le faire sur un lien on une autre balise, modifiez simplement la ou les classes correspondantes en ajoutant les mëmes commandes.
Bien sur, le code est a adapter suivant vos besoins

Voilou, c'est tout.

© leouaibe.info 2007/2009





Liens Relatifs

"Boite a outils : Soulignement double" | Se connecter / Créer un compte | 0 Commentaire
Seuil

Les Commentaires sont la propriété de leurs auteurs. Nous ne sommes pas responsables de leur contenu.

 

Thème adapté pour NPDS par Skullito
mémoire utilisée: 2.5 Mo
cssvalid.jpgnpds.gif   npds.gifleouaibe.png
Page générée en: 1.3742 seconde(s)