<li> : marche pas avec FF

<li> : marche pas avec FF - HTML/CSS - Programmation

Marsh Posté le 07-12-2008 à 17:14:52    

Bonsoir,
 
J'utilise la balise <li>, mais je me suis rendu compte que ça ne marchait pas avec FireFox.  
Comment puis-je faire en sorte que ça s'affiche comme sur IE (un point noir) ?
 
Merci.

Reply

Marsh Posté le 07-12-2008 à 17:14:52   

Reply

Marsh Posté le 07-12-2008 à 18:46:41    

ben c'est que tu l'utilises pas correctement
montre ton code


---------------
création de site - photo
Reply

Marsh Posté le 07-12-2008 à 19:36:52    

Ouep, la balise <li> fonctionne normalement. Jamais eu de soucis.  
 
T'as pas une CSS liée qui joue?

Reply

Marsh Posté le 07-12-2008 à 21:34:18    

Mon code, c'est ça :
 

Code :
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
  3.    <head>
  4.        <title>AeroRef - Autres</title>
  5.        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  6.    <style type="text/css">
  7.            body
  8. {
  9. background-color: #FFFFFF;
  10. }/* Vous taperez votre code CSS ici */
  11.        </style></head>
  12.    <body>
  13.  
  14.    <center><a href="http://aeroref.belforum.net"><h1><font color="#000000">Autres</font></h1></a></center><br><br><br><br><br><br>
  15.  
  16.    <li><a href="http://www.bciaerospace.com/" target="_blank">BCI Aerospace</a></li><br><br>
  17.    <li><a href="http://www.airlinecodes.co.uk/" target="_blank">Airlines Codes</a><br><br>
  18.    <li><a href="http://www.pilotlist.org/" target="_blank">Pilotlist</a><br><br>
  19.    <li><a href="http://www.flightstats.com/" target="_blank">FlightStats</a><br><br>
  20.  
  21.  
  22. </body>
  23. </html>


 
 
Vous remarquerez que pour le premier lien, j'ai fermé la balise <li>, et pour les autres, pas. C'est pour voir si ça changeait quelque chose. Ben non, ça ne change rien : FireFox ne reconnaît pas ça !  
Regardez avec FireFox par vous-même : http://aeroref.belforum.net/autres/

Reply

Marsh Posté le 07-12-2008 à 21:37:42    

omagad


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 07-12-2008 à 21:38:59    

Reply

Marsh Posté le 07-12-2008 à 22:41:06    

Reply

Marsh Posté le 07-12-2008 à 22:42:53    

Vivemotion a écrit :

Pardon ?  :??:


je n'y connais pas grand chose en html mais là, tout de même :
où sont les balises de listes (ul ol) ? pourquoi tout tes li ne sont pas fermés (tu fais du xhtml) ? que viens foutre un font ici ? à quoi servent tes br en pagailles et pourquoi ne sont-ils pas fermés ?

 

Si ce n'est pas un (vieux) générateur qui t'a sorti ça, tu devrais très sérieusement consulter des cours html.

Message cité 1 fois
Message édité par Mjules le 07-12-2008 à 22:43:36

---------------
Celui qui pose une question est idiot 5 minutes. Celui qui n'en pose pas le reste toute sa vie. |  Membre du grand complot pharmaceutico-médico-scientifico-judéo-maçonnique.
Reply

Marsh Posté le 07-12-2008 à 23:02:15    

J_D_ a écrit :

et <ul>?


<ul> ne fonctionne sur aucun des deux  :(  
 

Mjules a écrit :

où sont les balises de listes (ul ol) ?

 
C'est-à-dire ?  :??: ul ol  :??:  
 

Mjules a écrit :

pourquoi tout tes li ne sont pas fermés (tu fais du xhtml) ?


Comme expliqué plus haut, c'est un test ; maintenant, on peut constater que dans les deux cas (fermé ou non), ça ne fonctionne pas  :(  
 

Mjules a écrit :

que viens foutre un font ici ? à quoi servent tes br en pagailles et pourquoi ne sont-ils pas fermés ?


Le font que tu vois au dessus n'a rien à voir avec les problème que j'évoque. On parle bien des 4 liens du bas.
 

Mjules a écrit :

Si ce n'est pas un (vieux) générateur qui t'a sorti ça, tu devrais très sérieusement consulter des cours html.


Je pourrais sortir des cours, c'est vrai, mais là, j'essaye juste de comprendre pourquoi ça va très bien sur un navigateur et pas du tout sur un autre  :??:  

Reply

Marsh Posté le 07-12-2008 à 23:21:48    

La première chose à faire quand on fait des tests, c'est ptet au moins d'avoir un code un tant soit peu correct, mais là... http://validator.w3.org/check?uri= [...] ne&group=0


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 07-12-2008 à 23:21:48   

Reply

Marsh Posté le 07-12-2008 à 23:27:47    

Excuse-moi, je ne suis qu'un novice, n'ai jamais pris de cours ou étudier le HTML ou autres, et jusqu'ici, je m'en suis sorti en prenant exemple et en recopiant partiellement certains codes. Ce qui a toujours fonctionné pour des petites pages simples.
Peut-être que mon code est complètement foireux, mais alors, autant me l'expliquer de façon simple, sinon je risque de ne rien comprendre.
Le problème que tu soulève est-il susceptible d'avoir un rapport avec mon problème de <li> ?
 
Merci pour votre aide à tous.

Message cité 1 fois
Message édité par Vivemotion le 07-12-2008 à 23:28:54
Reply

Marsh Posté le 07-12-2008 à 23:32:08    

Vivemotion a écrit :

Le problème que tu soulève est-il susceptible d'avoir un rapport avec mon problème de <li> ?


Oui. Il est même certain que c'est lié directement, dans la mesure où tu files du code complètement pourri les navigateurs tentent de s'en dépatouiller aussi bien qu'ils le peuvent, IE d'une certaine manière et Firefox d'une autre (vu que la récupération du HTML moisi n'est pas formalisée dans HTML4) (accessoirement, Opera trouve une 3e manière d'interpréter ta page, et je suis sûr que Safari en aurait une 4e si je testais).

 

Si le code leur étant fourni était correct, les navigateurs n'auraient pas à se poser la moindre question et le rendu serait donc le même partout.

 

Et franchement, c'est pas comme si c'était très compliqué de faire ça avec un HTML potable:

Code :
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
  3.   <head>
  4.     <title>AeroRef - Autres</title>
  5.     <style type="text/css">
  6.         h1 { text-align: center; }
  7.         h1 a { color: black; text-decoration: none; }
  8.     </style>
  9.   </head>
  10.   <body>
  11.     <h1><a href="http://aeroref.belforum.net">Autres</a></h1>
  12.     <ul>
  13.       <li><a href="http://www.bciaerospace.com/" target="_blank">BCI Aerospace</a></li>
  14.       <li><a href="http://www.airlinecodes.co.uk/" target="_blank">Airlines Codes</a></li>
  15.       <li><a href="http://www.pilotlist.org/" target="_blank">Pilotlist</a></li>
  16.       <li><a href="http://www.flightstats.com/" target="_blank">FlightStats</a></li>
  17.     </ul>
  18.   </body>
  19. </html>


Message édité par masklinn le 07-12-2008 à 23:36:25

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 07-12-2008 à 23:38:55    

Tu t'y prends tout simplement mal avec ton code.  
 
Je te conseille de créer une feuille de style (CSS) unique pour ne pas mettre les propriétés dans ta page.  
N'utilise pas de balise <center>. Evite les <br /> à répétition.  
Une liste se crée comme ceci  
 
<ul>
---<li>Point 1</li>
---<li>Point 2</li>
---<li>Point 3</li>
---<li>Point 4</li>
</ul>
 
Si tu veux régler l'espacement entre les points de ta liste, utilise la propriété adéquate dans ta feuille de style.
 
 
 

Reply

Marsh Posté le 07-12-2008 à 23:41:49    

Il manque <ul> dans un <li>

Reply

Marsh Posté le 07-12-2008 à 23:42:12    

Merci beaucoup pour cet exemple et tes explications, ça me permet d'apprendre un peu. J'ai effacé par inadvertance une page sur mon truc, du coup je vais continuer ça demain, plutôt que de continuer maintenant et de tout retaper.  
Merci beaucoup, je reviendrai ici demain ! :)
 
EDIT : à vous trois !


Message édité par Vivemotion le 07-12-2008 à 23:43:34
Reply

Sujets relatifs:

Leave a Replay

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