Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
790 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [HTML] espace entre un titre et son soulignement

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

[HTML] espace entre un titre et son soulignement

n°1668391
Fabii0
Posté le 09-01-2008 à 16:28:34  profilanswer
 

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
mood
Publicité
Posté le 09-01-2008 à 16:28:34  profilanswer
 

n°1668497
tpierron
Posté le 09-01-2008 à 17:34:46  profilanswer
 

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.

n°1668552
dwogsi
Défaillance cérébrale...
Posté le 09-01-2008 à 18:55:57  profilanswer
 

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})/
n°1668597
Fabii0
Posté le 09-01-2008 à 21:09:33  profilanswer
 

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:  

n°1668620
tpierron
Posté le 09-01-2008 à 22:28:21  profilanswer
 

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.

n°1668637
Fabii0
Posté le 10-01-2008 à 00:00:31  profilanswer
 

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

n°1668660
leo++
Chef de file indienne
Posté le 10-01-2008 à 07:11:35  profilanswer
 

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
n°1669114
Fabii0
Posté le 10-01-2008 à 16:04:13  profilanswer
 

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

n°1669133
tpierron
Posté le 10-01-2008 à 16:18:16  profilanswer
 

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.

n°1669141
Fabii0
Posté le 10-01-2008 à 16:25:19  profilanswer
 

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.

mood
Publicité
Posté le 10-01-2008 à 16:25:19  profilanswer
 

n°1669149
Fabii0
Posté le 10-01-2008 à 16:32:48  profilanswer
 

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:

n°1669177
tpierron
Posté le 10-01-2008 à 17:00:19  profilanswer
 

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

n°1669220
Fabii0
Posté le 10-01-2008 à 17:45:42  profilanswer
 

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


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [HTML] espace entre un titre et son soulignement

 

Sujets relatifs
[HTML] Tableau et interaction[HTML] Souci centrage calque avec Dreamweaver > site bancal :o(
aide htmlErreur Mysql sur </html>
[Resolu] [Bash] Ecrire le résultat d'une commande dans un fichier HTMLprobleme de avec la validation html (validateur W3)
Espace blanc imposible à enlever [JS] Problème de value et d'incertion de lien dans inner.HTML
lire des commentaires HTML en javascript[HTML] probleme redirection ok sous firefox mais pas sous IE
Plus de sujets relatifs à : [HTML] espace entre un titre et son soulignement


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR