CONNEXION
  • RetourJeux
    • Sorties
    • Hit Parade
    • Les + populaires
    • Les + attendus
    • Soluces
    • Tous les Jeux
    • Gaming
  • RetourActu Gaming
    • News
    • Astuces
    • Tests
    • Previews
    • Toute l'actu gaming
  • RetourBons plans
    • Bons plans
    • Bons plans Smartphone
    • Bons plans Hardware
    • Bons plans Image et Son
    • Bons plans Amazon
    • Bons plans Cdiscount
    • Bons plans Decathlon
    • Bons plans Fnac
    • Tous les Bons plans
  • RetourJVTech
    • Actus High-Tech
    • Intelligence Artificielle
    • Smartphones
    • Mobilité urbaine
    • Hardware
    • Image et son
    • Tutoriels
    • Tests produits High-Tech
    • Guides d'achat High-Tech
    • JVTech
  • RetourCulture
    • Actus Culture
    • Culture
  • RetourVidéos
    • A la une
    • Gaming Live
    • Vidéos Tests
    • Vidéos Previews
    • Gameplay
    • Trailers
    • Chroniques
    • Replay Web TV
    • Toutes les vidéos
  • RetourForums
    • Hardware PC
    • PS5
    • Switch 2
    • Xbox Series
    • Switch
    • Pokemon pocket
    • FC 25 Ultimate Team
    • League of Legends
    • Tous les Forums
  • PC
  • PS5
  • Xbox Series
  • Switch 2
  • PS4
  • One
  • Switch
  • iOS
  • Android
  • MMO
  • RPG
  • FPS
En ce moment Genshin Impact Valhalla Breath of the wild Animal Crossing GTA 5 Red dead 2
Liste des sujets

[CSS] Solid trop bas.

]-HellFurry
]-HellFurry
Niveau 9
02 avril 2010 à 18:38:02

Salut,
VOilà, j'ai fait un menu, avec des mots (enfin pas d'images quoi ^^) du genre :

TEXTE - TEXTE - TEXTE

Et j'ai voulu qu'une barre bleue s'affiche quand on passe la souris dessus.
Voilà donc mon script en CSS :

a:hover
{
border-top:3px
solid #01CCFF;
text-decoration:underline;
color:#229FB6;
}

Quand je passe ma souris dessus, il y a bien la barre bleue, tout va bien, mais elle est trop basse du mot, je voudrais la monter.
Comment faire ?

El-galactic0
El-galactic0
Niveau 10
02 avril 2010 à 18:44:56

Remplace underline(souligne le bas) par line-through (barre le texte)

]-HellFurry
]-HellFurry
Niveau 9
02 avril 2010 à 18:56:35

Non, je souhaite garder mon texte souligné, mais le solid affiche une petite barre au dessus du texte, et j'aurais voulu qu'il soit plus haut.

deepblue
deepblue
Niveau 16
02 avril 2010 à 19:35:24

met un padding-top (quoique, comme c'est pas en block, ça peut ne pas fonctionner)

El-galactic0
El-galactic0
Niveau 10
02 avril 2010 à 21:17:14

http://kouaaks.host22.com/codes.php?rand=742787
Tu peut adapter ton code au bloc.

Pseudo supprimé
Pseudo supprimé 04 avril 2010 à 11:05:29

Bah puisque c'est pas comme un bloc:

a:hover
{
border-top:3px solid #01CCFF;
text-decoration:underline;
color:#229FB6;
display:block;
}

Ensuite suffit de jouer avec le padding-top pour avoir la distance qui te convient.

deepblue
deepblue
Niveau 16
04 avril 2010 à 12:54:14

Dans le cas où le lien est dans un texte, ça posera problème.

Pseudo supprimé
Pseudo supprimé 04 avril 2010 à 15:27:36

C'est pas faux dans ce cas faudra penser à rajouter un width.

Sous forums
  • Aide à l'achat Mac
  • Internet
  • Macintosh
  • Création de sites web
  • Création de Jeux
  • Linux
  • Programmation
  • Steam Deck
  • Hardware
La vidéo du moment