Problème de liste en html - basique :

Fermé
borg80 Messages postés 20 Date d'inscription jeudi 30 juillet 2009 Statut Membre Dernière intervention 30 octobre 2015 - 27 oct. 2013 à 19:09
borg80 Messages postés 20 Date d'inscription jeudi 30 juillet 2009 Statut Membre Dernière intervention 30 octobre 2015 - 27 oct. 2013 à 23:18
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 :)
-
-
-

2 réponses

Utilisateur anonyme
27 oct. 2013 à 20:23
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 :
<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
1
borg80 Messages postés 20 Date d'inscription jeudi 30 juillet 2009 Statut Membre Dernière intervention 30 octobre 2015
27 oct. 2013 à 20:50
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!
0
Ysabe_l Messages postés 12461 Date d'inscription vendredi 12 avril 2013 Statut Contributeur Dernière intervention 28 avril 2024 274
27 oct. 2013 à 20:58
Ç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>
0
borg80 Messages postés 20 Date d'inscription jeudi 30 juillet 2009 Statut Membre Dernière intervention 30 octobre 2015
27 oct. 2013 à 23:18
Merci, c'est noté! Je ne ferai plus la faute grâce à vous.

Je retourne bosser :)
0