espace entre un titre et son soulignement [HTML] - HTML/CSS - Programmation
Marsh Posté le 09-01-2008 à 17:34:46
Si ton soulignement se fait avec text-decoration: underline, alors tu n'as aucun contrôle sur l'espacement de la barre de soulignement. Si tu le fais via border-bottom: 1px solid xyz, alors le padding-bottom peut influencer l'espacement.
Marsh Posté le 09-01-2008 à 21:09:33
Le soulignement est fait avec border-bottom. padding-bottom:0 ne fait rien ! Il est déjà à zéro sur la capture d'écran. Je comprend pas
Marsh Posté le 09-01-2008 à 22:28:21
Bah, alors il y a aussi le vertical-align de ton image qui peut influencer la hauteur de ton bloc qui le contient. Voire un height sur le bloc lui même. Bref, regarde avec Firebug, il te montrera quels sont les éléments qui prennent de la place.
Marsh Posté le 10-01-2008 à 00:00:31
J'ai regardé un peu avec Firebug, j'ai rien vu d'annormal. Je connaissais pas ce logiciel, peut-être que quelque chose m'échappe ? Je vous met une capture d'écran, si vous voyez quelquechose d'anormal faites signe !
http://www.monsterup.com/upload/1199919550.jpg
Marsh Posté le 10-01-2008 à 07:11:35
Fabii0 a écrit : J'ai regardé un peu avec Firebug, j'ai rien vu d'annormal. Je connaissais pas ce logiciel, peut-être que quelque chose m'échappe ? Je vous met une capture d'écran, si vous voyez quelquechose d'anormal faites signe ! |
Le border-bottom est à 2
Et je connaissais pas firebug non plus, ca a l'air bieng comme soft
Marsh Posté le 10-01-2008 à 16:04:13
#corps h2
{
line-height: O.8em;
width: 400px;
margin-bottom: 0px;
padding-bottom: 0px;
text-align: left;
text-indent: 65px;
border-bottom: solid 1px rgb(42,42,42);
background: url(titre.bmp) no-repeat left bottom;
}
le border-bottom est à 2, tu veux dire quoi ?
Marsh Posté le 10-01-2008 à 16:18:16
Il voulait sans doute dire le padding-bottom.
Ce qui veux dire que tu as une régle de plus haute priorité qui annule ton padding-bottom: 0px. Firebug peut aussi te montrer laquelle c'est (onglet "Style" ).
Par contre tu ne vas pas gagner des masses.
Arf, tiens en voulant tester ton code CSS, je viens de remarquer que ton line-height est foireux : tu as mis une lettre O, au lieu du chiffre 0. En le remplaçant, ça diminue pas mal l'espacement.
Marsh Posté le 10-01-2008 à 16:25:19
Merci pour ta réponse rapide tpierron.
Pour le O / 0, j'ai fait un copier/coller et ça a remplacé mon 0 par un O sur le forum . Bizarre ! J'ai vérifié sur mon css, c'est bien un 0. Pour les règles prioritaires détectées par Firebug, y'a rien je crois. Je met une capture pour que vous puissiez me corriger si je me trompe !
Merci encore.
Marsh Posté le 10-01-2008 à 16:32:48
Je viens de relancer pour la 150ème fois ma page. Et là comme par magie, le padding-bottom : 0; est "actif". Vraiment très très étrange ! Est-ce possible que Firefox ne prenne pas en compte tout de suite les changements effectués ?
Marsh Posté le 10-01-2008 à 17:00:19
Hum, serait-il possiblement envisageable, que par un concours de circonstances inattendues, tu aies modifié le mauvais fichier ?
Parce qu'avec des fichiers locaux, il y a très peu de chance que le cache du navigateur pose problème, d'autant moins avec Firefox et en forçant le rechargement de la page (IE peut à la limite poser problème).
Marsh Posté le 09-01-2008 à 16:28:34
Salut.
Je debute en HTML et CSS, et j'ai un petit soucis qui je pense ne vous posera aucun problème à résoudre.
Je souhaiterai diminuer l'espacement entre mon titre et sa border-bottom.
J'aurai cru que la logique aurait souhaité un "padding-bottom:none", mais ça ne change rien.
Voici une image pour que ce soit plus clair.
Merci !
Message édité par Fabii0 le 09-01-2008 à 16:29:00