Problème de hauteur de lignes dans un menu

**jeantrucmuche** · 12/10/2009, 14h05

Bonjour
j'ai un petit soucis de mise en page. j'ai repris un site et je n'arrive pas à le modifier proprement. J'ai bien une feuille de style css.
Je n'ai modifier que le Html.
Est-ce un problème Html ou css?

Ne sachant pas si je peux donner l'URL du site marchand j'ai fait 2 fichiers anomymes bon.jpg (lignes moins hautes) et mauvais.jpg pour bien comprendre le problème.
Merci à ceux qui pourrons me donner une piste
Cordialement

**pierrot10** · 12/10/2009, 14h27

je ne vois pas le probleme a part l'interlignage entre tes liens.
Sans voir le code, je pense que tu va pouvoir regle l'interlignagne depuis le fichier css.

Mais il faut que tu regarde que porte ton menu.
Es-ce qu il est fait avec de <ul> er <li>?
Si oui qu'elle classe est attribue au <li>?

Utilise Firefox et install le module firebug, qui te permettra de lire ton html en bougeant ta souris, et ainsi de lire la classe qui est attribue au <li> (si ton menu et fait avec de bullet (<ul>, <li>)

Avec firebug, tu pourras voir qu'elle classe est attribue au ton <li> mais aussi de savoir qu'elle est le nom du fichie.css, et ensuite modifie les valeurs.

Je pense qu si c'est fait avec un fichier CSS, c'est la margin-top et margin-bottom qui va te permettre de diminue les espaces...

A voir, mais difficile de ben t'aider avec des images

**jeantrucmuche** · 12/10/2009, 14h34

Merci pour ta réponse. je vais tester avec le module firefox
En attendant un bout de code (je n'ai pas de balise li)

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
  <tr>
        <td width="149" bgcolor="#F9F9F9"><font size="2" face="Arial"><a href="e-cigarette.htm">Cigarette &eacute;lectronique </a></font></td>
      </tr>
 
      <tr>
        <td width="149" bgcolor="#F9F9F9"><font size="2" face="Arial"><a href="e-cigare.htm">Cigare &eacute;lectronique </a></font></td>
      </tr>
      <tr>
        <td width="149" bgcolor="#F9F9F9"><font size="2" face="Arial"><a href="cartouche.htm">Cartouche de recharge </a></font></td>
      </tr>
      <tr>
        <td width="149" bgcolor="#F9F9F9"><font size="2" face="Arial"><a href="accessoires.htm">Accessoires</a></font></td>
      </tr>
      <tr>
        <td width="149" bgcolor="#F9F9F9"><font size="2" face="Arial"><a href="revendeur.htm">Revendeur</a></font></td>
      </tr>
      <tr>
        <td height="26" nowrap="nowrap" background="img/nav_do2.gif"></td>
      </tr>

A+

**pierrot10** · 12/10/2009, 14h48

et ca c'est le mauvais ou le bon.
et la <table> a t il une classe.

La il n y a pas d hauteur definie, si ce n'est la hauteur de tes textes qui la definie.

Mais bon c est encore vague car ca peut dependre d'autre chose

mais bon attention, si ton tableau <table> n a pas de class, ben ton menu n'est pas gere par des CSS. De plus il semble bien que tout a ete fait directement dans le code (en HTML).

**jeantrucmuche** · 12/10/2009, 15h16

Merci Pierrot10
j'ai installé firebug. Au niveau du code, je ne vois pas la différence:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
</head>
<body bgcolor="#ffffff">
<div id="logo" style="background-image: url(img/index_01_bl.gif);">
</div>
<div id="header">
</div>
<div id="content">
<table border="0" width="781" valign="top" style="margin-left: 21px;">
<tbody>
<tr>
<td background="img/menu_haut2.gif" width="149">
<font size="2" face="Arial" color="#ffffff">Boutique en ligne </font>
</td>
<td width="622" rowspan="28">
</td>
</tr>

au niveau du style : Ok
C'est le padding qui est différent
dans le cas qui marche : 149x16
dans l'autre cas : 149x 22
et je ne vois pas ou peut se situer cette différence sachant que c'est l'unique fichier de style qui est utilisé dans les 2 cas
A+

**pierrot10** · 13/10/2009, 09h33

tu peux pas nous mettre le code du mauvais et du bon. Ca serait plus facile pour te dire pourquoi il y a cette difference

Problème de hauteur de lignes dans un menu

HTML

Vue hybride

Discussions similaires

Partager

Partager