[HTML] espace entre un titre et son soulignement

espace entre un titre et son soulignement [HTML] - HTML/CSS - Programmation

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.
 
http://www.monsterup.com/upload/1199892440.jpg
 
 
Merci  :hello: !


Message édité par Fabii0 le 09-01-2008 à 16:29:00
Reply

Marsh Posté le 09-01-2008 à 16:28:34   

Reply

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.

Reply

Marsh Posté le 09-01-2008 à 18:55:57    

padding-bottom:0;
et éventuellement sur ton titre (si c'est un autre élément) : margin-bottom:0;
:o


---------------
-- Debian -- Le système d'exploitation universel | Le gras c'est la vie! | /(bb|[^b]{2})/
Reply

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  :sweat:  

Reply

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.

Reply

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 !  :hello:  
 
http://www.monsterup.com/upload/1199919550.jpg

Reply

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 !  :hello:  
 
http://www.monsterup.com/upload/1199919550.jpg


 
Le border-bottom est à 2 :P
 
Et je connaissais pas firebug non plus, ca a l'air bieng comme soft :)


Message édité par leo++ le 10-01-2008 à 07:13:00
Reply

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  :heink: ?
 

Reply

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.

Reply

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  :heink: . 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 !
 
http://www.monsterup.com/upload/1199978598.jpg
 
Merci encore.

Reply

Marsh Posté le 10-01-2008 à 16:25:19   

Reply

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 ?  :heink:

Reply

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).

Reply

Marsh Posté le 10-01-2008 à 17:45:42    

J'ai qu'un seul fichier css ! Incompréhensible  :pfff: .

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed