28220 sujets

CSS et mise en forme, CSS3

[Résolu]Décalage avec police sans empatement.

Bonjour,

J'ai un problème avec mon menu vertical dans IE.

Quand j'utilise une famille de police j'obtient un décalage vertical entre les élément de 1px.

Par contre si je ne définit aucune police ça fonctionne, aucun décalage.

Je n'arrive pas à comprendre pourquoi.

Voici le code html :


<ul>
  <li><a href="#" title="menu">menu 1</a></li>
  <li><a href="#" title="menu">menu 2</a></li>
  <li><a href="#" title="menu">menu 3</a></li>
  <li><a href="#" title="menu">menu 4</a></li>
  <li><a href="#" title="menu">menu 5</a></li>
</ul>


Voici la css :


ul, li
{
  list-style: none;
  margin: 0;
  padding: 0;
}

a
{
  display: block;
  width: 150px; 
  height: 30px;
  padding:0;
  background-color: #F4F4F4;
  color: #999999;
  text-decoration: none;
  font: 11px/11px Arial, Helvetica, sans-serif;
}

a:hover
{
  background-color: #00CCFF;
  color: #FFFFFF;
}


Merci d'avance à tous ceux qui prendrons la peine de me lire.
Modifié par emageren (09 Jan 2007 - 21:30)
Bonjour...

Je ne réponds pas à ta question directement mais aborde un point qu'il me semble utile de prendre en compte :
Préfère l'utilisation d'une unité relative pour exprimer tes polices car les pixels sous IE empêchent le visiteur de modifier la taille de la police.
Un peu de lecture : Comment définir la taille du texte en ems

Et même qu'avec un peu de chance ...
Ca fera sauter même ton problème Smiley cligne
Merci de la réponse si rapide, j'y avait pas pensé.

J'ai jamais encore vraiment bossé avec les ems, je crois que je vais m'y mettre sérieusement.

Smiley cligne
emageren a écrit :
J'ai jamais encore vraiment bossé avec les ems, je crois que je vais m'y mettre sérieusement.


Dans ce cas, mieux vaut laisser tomber le très mauvais article de Richard Rutter (dont la traduction par Laurent Denis a été indiquée par Cygnus), et utiliser quelque chose de quand même vachement mieux :
Typographie web : gérer la taille du texte avec les « em »


PS : comment ça, je me fais mousser ?
Sujet clos
Aller à