Problème de liste en html - basique :
borg80
Messages postés
20
Date d'inscription
Statut
Membre
Dernière intervention
-
borg80 Messages postés 20 Date d'inscription Statut Membre Dernière intervention -
borg80 Messages postés 20 Date d'inscription Statut Membre Dernière intervention -
Bonjour à tous,
Je suis débutant et j'ai un petit soucis avec mes balises <ul></ul>. En effet, j'ai décidé de créer une "unordoned list" et ai donc codé ceci :
-
<ul type="circle">
<li><a href="https://www.google.fr/" target="new"</a><p>ren</p></li>
<li><a href="https://www.ok.gov/okstrong" target="new"</a><p>ran</p></li>
<li><a href="https://www.google.fr/" target="new"</a><p>ron</p></li>
</ul>
-
Le code me semble correct à première vue, mais ma liste comporte des sauts de ligne non désirés comme ceci (sans les tirets hein):
-
ren
-
ran
-
ron
-
Alors que je recherche juste à obtenir ceci :
-
ren
ran
ron
-
Ma question est très basique et je suis bien allé chercher ailleurs sur le fofo voir si je trouvais une solution, mais... J'ai pas trouvé!
-
Par avance merci :)
-
-
-
Je suis débutant et j'ai un petit soucis avec mes balises <ul></ul>. En effet, j'ai décidé de créer une "unordoned list" et ai donc codé ceci :
-
<ul type="circle">
<li><a href="https://www.google.fr/" target="new"</a><p>ren</p></li>
<li><a href="https://www.ok.gov/okstrong" target="new"</a><p>ran</p></li>
<li><a href="https://www.google.fr/" target="new"</a><p>ron</p></li>
</ul>
-
Le code me semble correct à première vue, mais ma liste comporte des sauts de ligne non désirés comme ceci (sans les tirets hein):
-
ren
-
ran
-
ron
-
Alors que je recherche juste à obtenir ceci :
-
ren
ran
ron
-
Ma question est très basique et je suis bien allé chercher ailleurs sur le fofo voir si je trouvais une solution, mais... J'ai pas trouvé!
-
Par avance merci :)
-
-
-
A voir également:
- Problème de liste en html - basique :
- Liste déroulante excel - Guide
- Liste déroulante en cascade - Guide
- Editeur html - Télécharger - HTML
- Liste code ascii - Guide
- Liste de diffusion whatsapp - Guide
2 réponses
Bonsoir
À première vue, ton code est très incorrect : la balise <a n'a pas de > pour la fermer, ou plutôt c'est celui de </a> qui la ferme, c'est parfaitement anormal.
Les sauts de ligne viennent des paires <p>..</p> qui provoquent un passage à la ligne, alors que <li>...</li> en provoque déjà.
En fait les balises <p> n'on rien à faire ici, tu devrais avoir lka balise <a..> AVANT ton texte et </a> après. Exemple sur la première ligne :
Remarque : l'attribut 'type' sur <ul> est déprécié en HTML4.01 et même plus supporté en HTML5 : https://www.w3schools.com/tags/tag_ul.asp
À première vue, ton code est très incorrect : la balise <a n'a pas de > pour la fermer, ou plutôt c'est celui de </a> qui la ferme, c'est parfaitement anormal.
Les sauts de ligne viennent des paires <p>..</p> qui provoquent un passage à la ligne, alors que <li>...</li> en provoque déjà.
En fait les balises <p> n'on rien à faire ici, tu devrais avoir lka balise <a..> AVANT ton texte et </a> après. Exemple sur la première ligne :
<li><a href="https://www.google.fr/" target="new">ren</a></li>
Remarque : l'attribut 'type' sur <ul> est déprécié en HTML4.01 et même plus supporté en HTML5 : https://www.w3schools.com/tags/tag_ul.asp
Merci d'avoir constaté les erreurs de balises </a> j'en prend de la graine. En revanche, pourriez vous m'expliquer comment cela se fait que :
<li><a href="https://www.google.fr/" target="new"</a>ren</li>
et
<li><a href="https://www.google.fr/" target="new">ren</li>
donnent le même résultat? Pourquoi la première est mauvaise et la seconde bonne? Car c'est mon prof qui me l'a enseigné ainsi...
Je ne savais pas pour les <p></p>, du coup, ça marche bien maintenant. Merci beaucoup pour le coup de main!
<li><a href="https://www.google.fr/" target="new"</a>ren</li>
et
<li><a href="https://www.google.fr/" target="new">ren</li>
donnent le même résultat? Pourquoi la première est mauvaise et la seconde bonne? Car c'est mon prof qui me l'a enseigné ainsi...
Je ne savais pas pour les <p></p>, du coup, ça marche bien maintenant. Merci beaucoup pour le coup de main!
Ça marche parce que les navigateurs sont "sympas" et arrivent à interpréter un code même avec des erreurs, il faut quand même éviter de les faire.
Par contre aucune des deux n'est bonne ^^ il faut mettre
<li><a href="https://www.google.fr/" target="new">ren</a></li>
Il faut ouvrir la balise <a> et lui mettre ce qui concerne le lien, puis le texte qui sera porteur du lien et ensuite fermer le lien avec </a>
Par contre aucune des deux n'est bonne ^^ il faut mettre
<li><a href="https://www.google.fr/" target="new">ren</a></li>
Il faut ouvrir la balise <a> et lui mettre ce qui concerne le lien, puis le texte qui sera porteur du lien et ensuite fermer le lien avec </a>
