css et firefox

css et firefox - HTML/CSS - Programmation

Marsh Posté le 29-05-2006 à 15:07:43    

re bonjour !!  :)
 
un petit renseignement pour mon css :

Code :
  1. #menu truc a{
  3. top: 80 px; left: 20 px;
  4. height:auto;
  5. font-family : Verdana;
  6. font-size:13px;
  7. text-decoration: none;
  8. color:#8D010C;
  9. font-weight: bold;
  10. font:verdana;
  11. padding-left:40px;
  12. height: 25px;
  13. line-height:15px;
  14. vertical-align: middle;
  16. }
  18. }


 
pourquoi sur iE tous les liens sont les uns a la suite des autres (lisibles et corrects), et sur firefox mes 5 liens se superposent?  :pt1cable:  
 
merci bien   :)

Message cité 1 fois
Reply

Marsh Posté le 29-05-2006 à 15:07:43   

Reply

Marsh Posté le 29-05-2006 à 15:51:40    

bin sans le code html, s'dur de deviner [:mlc]

Reply

Marsh Posté le 29-05-2006 à 16:22:01    

francescu a écrit :

re bonjour !!  :)
 
un petit renseignement pour mon css :

Code :
  1. #menu truc a{
  2. top: 80 px; left: 20 px;
  3. height:auto;
  4. font-family : Verdana;
  5. font-size:13px;
  6. text-decoration: none;
  7. color:#8D010C;
  8. font-weight: bold;
  9. font:verdana;
  10. padding-left:40px;
  11. height: 25px;
  12. line-height:15px;
  13. vertical-align: middle;
  15. }
  17. }


 
pourquoi sur iE tous les liens sont les uns a la suite des autres (lisibles et corrects), et sur firefox mes 5 liens se superposent?  :pt1cable:  
 
merci bien   :)


Code :
  1. top: 80 px; left: 20 px;


 
C'est pas censé signifier que tout tes liens doivent être à cette position ?


Message édité par cesarr89 le 29-05-2006 à 16:23:28
Reply

Marsh Posté le 29-05-2006 à 16:38:10    

voici ma feuille css :

Code :
  1. h1{
  2. font-size:10px;
  3. height:117px;
  4. width:770px;
  5. margin:0  auto;
  6. background: url("../images/haut_02.jpg" ) no-repeat;
  7. }
  9. #nav{
  10. height:40 px;
  11. width:770px;
  12. margin:0 auto;
  13. background:  url("../images/barre_nav.jpg" ) no-repeat;
  14. padding-top:20px;
  18. }
  20. #nav li{
  21. height:70 px;
  22. float:left;
  23. width: 9px;
  24. margin-right:10 px;
  25. }
  27. #nav li a{
  29. top: 80 px; left: 20 px;
  30. height:auto;
  31. font-family : Verdana;
  32. font-size:13px;
  33. text-decoration: none;
  34. color:#8D010C;
  35. font-weight: bold;
  36. font:verdana;
  37. padding-left:40px;
  38. height: 25px;
  39. line-height:15px;
  40. vertical-align: middle;
  42. }


 
 
voici mon code  :  

Code :
  1. <h1>
  2. </h1>
  3. <div id="nav">
  5.  <li><a href="./liens1.htm">trucmuche</a></li>
  6.  <li><a href="./liens2">icietla </a></li>
  7.  <li><a href="./liens3.html">machins</a></li>
  8.  <li><a href="./brotze">truc</a></li>
  9.  <li><a href="./contact.html">Contacts </a></li>
  11. </div>


 et sous firefox, mes liens se superposent alors que sous ie tout sort bien...

Reply

Marsh Posté le 29-05-2006 à 16:42:09    

:sweat:  
 
 
Une liste se fait de cette façon :
 

Code :
  1. <ul>
  2.    <li>...</li>
  3.    <li>...</li>
  4.    <li>...</li>
  5. </ul>


---------------
♈ ♋ ♌ ♍ ♎ ♏ - Agora Fidelio | Galerie d'art Toulousaine
Reply

Marsh Posté le 29-05-2006 à 17:16:42    

euh je comprend pas lecruel....

Reply

Marsh Posté le 29-05-2006 à 17:51:23    

Et bien quand on code en HTML, il y a des règles à respecter au niveau de l'imbrication des éléments, on balance pas des <li> comme ça,  ceux-ci doivent être placés entre les balises <ul> </ul>.

Message cité 1 fois

---------------
♈ ♋ ♌ ♍ ♎ ♏ - Agora Fidelio | Galerie d'art Toulousaine
Reply

Marsh Posté le 29-05-2006 à 19:52:49    

ooki merci, j ai repris et donc voici :

Code :
  1. <div id="menu">
  2.   <ul>
  3.  <li><a href="./accueil.htm">Accueil</a></li>
  4.  <li><a href="#">Garanties </a></li>
  5.  <li><a href="./produits.html">Produits</a></li>
  6.  <li><a href="./commandes.html">Commandes</a></li>
  7.  <li><a href="./contact.html">Contacts </a></li>
  8.   <ul>
  9. </div>


 
tout est tjs decalé sur firefox :( ..
  si vous avez une idee je prend merci !!   :)

Reply

Marsh Posté le 29-05-2006 à 20:52:14    

Tu as vu mon message ?

Reply

Marsh Posté le 29-05-2006 à 23:39:04    

oui jai vu mais cette ligne ne sert a rien je l ai supprimé... c'etait juste pour des tests

Reply

Marsh Posté le 29-05-2006 à 23:39:04   

Reply

Marsh Posté le 30-05-2006 à 00:55:46    

j_lecruel a écrit :

Et bien quand on code en HTML, il y a des règles à respecter au niveau de l'imbrication des éléments, on balance pas des <li> comme ça,  ceux-ci doivent être placés entre les balises <ul> </ul>.


 
ou ol [:aloy]
 
tu donnes des indications contraires dans ta css :/
#nav height: 40px;
puis #nav li height: 70px;
 
tu veux que tes liens soient en ligne ou les uns a la suite des autres verticalement ?

Reply

Marsh Posté le 30-05-2006 à 09:42:51    

je voudrait qu ils soient en ligne...je seche dessus depuis trois jours :(

Reply

Marsh Posté le 30-05-2006 à 10:07:08    

display:inline

Reply

Marsh Posté le 31-05-2006 à 02:03:01    

ul{
display:inline;
}

Reply

Sujets relatifs:

Leave a Replay

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