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

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [CSS] Padding et IE5.0 [OK]

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

[CSS] Padding et IE5.0 [OK]

n°644996
urd-sama
waste of space
Posté le 17-02-2004 à 10:07:23  profilanswer
 

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
mood
Publicité
Posté le 17-02-2004 à 10:07:23  profilanswer
 

n°645006
Hermes le ​Messager
Breton Quiétiste
Posté le 17-02-2004 à 10:19:00  profilanswer
 

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

n°645012
urd-sama
waste of space
Posté le 17-02-2004 à 10:27:30  profilanswer
 

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

n°645015
Hermes le ​Messager
Breton Quiétiste
Posté le 17-02-2004 à 10:29:52  profilanswer
 

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

n°645024
urd-sama
waste of space
Posté le 17-02-2004 à 10:35:25  profilanswer
 

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]

n°645030
Hermes le ​Messager
Breton Quiétiste
Posté le 17-02-2004 à 10:37:34  profilanswer
 

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

n°645035
Hermes le ​Messager
Breton Quiétiste
Posté le 17-02-2004 à 10:38:53  profilanswer
 

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

n°645043
urd-sama
waste of space
Posté le 17-02-2004 à 10:41:00  profilanswer
 

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

n°645671
urd-sama
waste of space
Posté le 17-02-2004 à 16:29:45  profilanswer
 

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


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

  [CSS] Padding et IE5.0 [OK]

 

Sujets relatifs
[CSS] placer une image en haut a droite d'un cadre avec IE...[CSS] bug sous I.E., aide :)
[CSS] Imbrication de structures [Résolu][XHTML/CSS] Une div de hauteur 100% de la page...
[CSS] Probleme de couleurs de liens et scrolling barCSS, DIVs, positionnement : IE va me rendre fou ...
[CSS] Sur liste déroulante[CSS] cet effet possible en css ???
[HTML, CSS JS] Probleme menu[ HTML / CSS ] Mise en page et retour à la ligne.
Plus de sujets relatifs à : [CSS] Padding et IE5.0 [OK]


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