[CSS] Padding et IE5.0 [OK]

Padding et IE5.0 [OK] [CSS] - HTML/CSS - Programmation

Marsh Posté le 17-02-2004 à 10:07:23    

Bonjour les gens :hello:
j'ai un petit bug assez énervant qui ne semble être que sur ie 5.0 (fonctionne sur ie 6 et firefox).
en fait je fais un bête menu horizontal, et je veux séparer chaque lien par un padding.
 
ce qui nous donne ceci:
CSS:

Code :
  1. a.menu {
  2.     text-decoration: none;
  3.     color: #EBF0F6;
  4.     margin-left: 25px;
  5.     margin-right: 25px;
  6.    }


 
Code XHTML:

Code :
  1. <div id="menu">
  2.        <a href="#" class="menu">xxx</a>
  3.        <a href="#" class="menu">xxx</a>
  4.        <a href="#" class="menu">xxx</a>
  5.        <a href="#" class="menu">xxx</a>
  6.        <a href="#" class="menu">xxx</a>
  7.        <a href="#" class="menu">xxx</a>
  8.        <a href="#" class="menu">xxx</a>
  9.        <a href="#" class="menu">xxx</a>
  10.      </div>


 
donc sous ie5, il n'interprète pas le padding, et mes liens sont collés les uns aux autres.
y'a-t-il une solution plus élégante qu'un tableau au problème?
merci d'avance :hello:
 
 
Petite question bonus:
comment mettre les premières lettres d'une chaine en gras? à part en faisant un span sur chaque lettre précise? il y a bien first-lettre, mais apparemment non appliquable à span (et même dans ce cas il faudrait le mettre sur chaque mot).
 
re-merci [:zytra]


Message édité par urd-sama le 17-02-2004 à 16:30:15
Reply

Marsh Posté le 17-02-2004 à 10:07:23   

Reply

Marsh Posté le 17-02-2004 à 10:19:00    

urd-sama a écrit :

Bonjour les gens :hello:
j'ai un petit bug assez énervant qui ne semble être que sur ie 5.0 (fonctionne sur ie 6 et firefox).
en fait je fais un bête menu horizontal, et je veux séparer chaque lien par un padding.
 
ce qui nous donne ceci:
CSS:

Code :
  1. a.menu {
  2.     text-decoration: none;
  3.     color: #EBF0F6;
  4.     margin-left: 25px;
  5.     margin-right: 25px;
  6.    }


 
Code XHTML:

Code :
  1. <div id="menu">
  2.        <a href="#" class="menu">xxx</a>
  3.        <a href="#" class="menu">xxx</a>
  4.        <a href="#" class="menu">xxx</a>
  5.        <a href="#" class="menu">xxx</a>
  6.        <a href="#" class="menu">xxx</a>
  7.        <a href="#" class="menu">xxx</a>
  8.        <a href="#" class="menu">xxx</a>
  9.        <a href="#" class="menu">xxx</a>
  10.      </div>


 
donc sous ie5, il n'interprète pas le padding, et mes liens sont collés les uns aux autres.
y'a-t-il une solution plus élégante qu'un tableau au problème?
merci d'avance :hello:
 
 
Petite question bonus:
comment mettre les premières lettres d'une chaine en gras? à part en faisant un span sur chaque lettre précise? il y a bien first-lettre, mais apparemment non appliquable à span (et même dans ce cas il faudrait le mettre sur chaque mot).
 
re-merci [:zytra]


 
line-height ;)

Reply

Marsh Posté le 17-02-2004 à 10:27:30    

cette css fonctionne bien pour le padding-top et padding-bottom c'est cela? (en tout cas je pourrai l'utiliser pour ca).
par contre je ne vois pas comment l'utiliser pour le padding-left et -right
 
bonus pour ceux qui connaissaient pas cette css comme moi:
http://www.blooberry.com/indexdot/ [...] height.htm

Reply

Marsh Posté le 17-02-2004 à 10:29:52    

urd-sama a écrit :

cette css fonctionne bien pour le padding-top et padding-bottom c'est cela? (en tout cas je pourrai l'utiliser pour ca).
par contre je ne vois pas comment l'utiliser pour le padding-left et -right
 
bonus pour ceux qui connaissaient pas cette css comme moi:
http://www.blooberry.com/indexdot/ [...] height.htm


 
le padding-left et -right doivent être définis dans ton div qui contient tes liens ;)

Reply

Marsh Posté le 17-02-2004 à 10:35:25    

mais ca ne va pas fonctionner pour que mes liens aient un espace entre eux :/
 

Code :
  1. [25px]Menu1[25px][25px]Menu2[25px]...


 
du moins il me semble [:gratgrat]

Reply

Marsh Posté le 17-02-2004 à 10:37:34    

urd-sama a écrit :

mais ca ne va pas fonctionner pour que mes liens aient un espace entre eux :/
 

Code :
  1. [25px]Menu1[25px][25px]Menu2[25px]...


 
du moins il me semble [:gratgrat]


 
pour que tes liens aient un espace entre eux, c'est line-height (pareil dans ton div conteneur).

Reply

Marsh Posté le 17-02-2004 à 10:38:53    

Ah merde, tu veux que ce soit horizontal !!!
 
bon alors ya plusieurs méthodes, mais effectivement le mieux d'après moi, c'est un span par lien.
Sinon, tu peux aussi t'amuser avec les listes (peut être un peu plus logique).

Reply

Marsh Posté le 17-02-2004 à 10:41:00    

des listes horizontales? ah tiens j'y avais pas pensé [:dawa]
je testerai les deux soluces demain merci beaucoup :jap:

Reply

Marsh Posté le 17-02-2004 à 16:29:45    

j'ai pu testé le line-height, ca fonctionne bien pour gérer le retour à la ligne.
merci pour l'info ;)

Reply

Sujets relatifs:

Leave a Replay

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