5568 sujets

Sémantique web et HTML

Bonjour,

Je me permets de vous consulter pour un petit problème de comptabilité..

J'ai une liste avec des li qui sont des "carrés".
Dans ces carrés, j'ai mis des liens.

Quand j'englobe mes <li> dans des <a>, avec pour volonté que ce soit mes <li> qui renvoie vers une page, tout fonctionne sur Chrome, mais pas sur Firefox..
Quelqu'un aurait une idée.

Pour le code, cela donne :
<a href="test.html"><li>test</li></a>

Sous chrome, c'est bien "li" qui renvoie vers test.html.
Sous Firefox, c'est "test", dans "li", qui renvoie vers test.html..

Merci d'avance à ceux qui auraient une piste Smiley sweatdrop
Je viens d'apprendre qu'il y avait 3 niveaux.. HTML, puis CSS, puis comptabilité, qui demande chacune le même temps d'apprentissage j'ai l'impression... :s

Merci d'avance à Alsa pour cette communauté et ces tutoriels de qualité..
Bonjour,

<a> ne peut pas contenir <li>, le <a> doit se trouver dans le <li>.

Pour que toutes la zone couverte par le <li> soit cliquable, il faut donner au <a> un display bloc qui aura les mêmes dimensions que <li>.
Merci bien, c'est juste parfait.
Mais je ne m'explique toujours pas le fait que Chrome avait pris en compte mon <li> dans mon <a>..
En tout cas, je note la remarque, merci beaucoup Smiley cligne
Les navigateurs gèrent différement les erreurs de code, c'est tout. C'est, entre autres, pour cela qu'il faut toujours s'assurer que son code HTML ne comporte pas d'erreurs
Merci pour ces conseils Smiley cligne
Edit : si seulement les navigateurs différaient seulement sur ce point.
Car même avec un code parfait (pas du point de vue comptabilité), certains navigateurs ne lisent pas ceci, lisent ceci différemment, etc..
Mais bon, c'est un défi encore plus intéressant dirons-nous.
Modifié par PapyRuS33 (28 Feb 2011 - 11:33)
Administrateur
Laurie-Anne a écrit :
Bonjour,

&lt;a&gt; ne peut pas contenir &lt;li&gt;, le &lt;a&gt; doit se trouver dans le &lt;li&gt;.

En HTML < 5 oui. En HTML 5 ... (on va bien rigoler niveau ergonomie)
Felipe a écrit :
En HTML < 5 oui. En HTML 5 ... (on va bien rigoler niveau ergonomie)

En HTML5, un élément UL ou OL ne peut contenir que des LI. Donc pas de liens autour des LI. Par contre on peut mettre toute une liste dans un lien (ce que je conseille pas...).
Administrateur
Ouille, oui avant et après le li d'exemple il y a forcément d'autres li ou ul Smiley confused
Sinon :
<ul>
    <li><a href="lkjk">n,;nsdfhze</a></li>
    <li><a href="cvfsdg">gzrqsdf</a></li>
</ul>

avec :
li a {display:block;height:100%;width:100%}
Creadiff > c'est exactement ce qui avait été conseillé dès la première réponse du sujet qui a déjà plus d'un mois...