Comment réduire l'espace entre les lignes en CSS?

Comment réduire l'espace entre les lignes en CSS? - HTML/CSS - Programmation

Marsh Posté le 26-07-2010 à 20:45:10    

Bonjour à tous,
 
Je rencontre un problème de présentation.
Je voudrais que mon texte entre mes <ul> soit bien sur 2 ou 3 lignes, et que ces lignes ne soient pas trop espacées!
J'arrive à les réduire avec line-height. Jusque là, tout va bien sauf si je veux centrer ces lignes verticalements. Si j'ajoute vertical-align:middle, j'ai tout le texte qui descend au même niveau et la moitié du texte n'est plus visible... Comment faire?
 

Code :
  1. #steps { list-style:none; width: 100%; overflow:hidden; margin:0px; padding:0px; background-color:#3F3;  }
  2. #steps li {font-size:20px; float:left;  padding:0px 5px 0px 5px; line-height:40px; color:#b0b1b3; }
  3. #steps li ul { width:100px; margin:0;  background-color:#CCF;  height:40px;}
  4. #steps li span {font-size:11px;  line-height:11px; font-weight:bold;  }
  5. #steps li.current { color:#000;}
  6. #steps li.rond {background: url(rond.jpg) no-repeat center;}


 
Extrait de mon code Java. Le texte à centrer verticalement est représenté par "name". NB: Il peut être composé de 1, 2 ou 3 lignes! :

Code :
  1. var name = $(this).find("legend" ).html();
  2. $("#steps" ).append("<li class='rond' id='stepDesc" + i + "'>" + (i + 1) + "</li>" + "<li id='stepDesc2" + i + "'><ul><span>" + name + "</span></ul></li>" );


Message édité par bingojm le 26-07-2010 à 21:04:04
Reply

Marsh Posté le 26-07-2010 à 20:45:10   

Reply

Marsh Posté le 14-08-2010 à 01:50:16    

Salut,
 
tout d'abord, tu fais ta liste html à l'envers :

<ul>
<li></li>
<li></li>
<li></li>
</ul>


 
Il faut donc corriger ça sur ta page, ainsi que sur ta feuille de style.
 

Citation :

Extrait de mon code Java


 
Il s'agit de javascript.
 
 
Enfin, vertical-align ne sert pas à ça.
Il n'existe pas de solution pour le centrage vertical, ou alors il faut feinter et ca devient vite moche.

Reply

Sujets relatifs:

Leave a Replay

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