Mag dit stukje HTML?
Even een vraag, mag dit stukje HTML? Is dit juist om het zo te doen.
Code (php)
1
2
3
4
2
3
4
<ul>
<a href="#"><li>Lijst item 1</li></a>
<a href="#"><li>Lijst item 2</li></a>
</ul>
<a href="#"><li>Lijst item 1</li></a>
<a href="#"><li>Lijst item 2</li></a>
</ul>
Want ik wil dat de link helemaal om de list items staat, zodat je ook de stippellijn die je ziet als je op een link klikt, om het list item ziet. De list items krijgen namelijk een padding, en het is de bedoeling dat als je niet letterlijk op de tekst klikt, maar in de padding klikt (in de list item, maar net naast de tekst erin) dat de link dan ook wordt "geraakt".
Dit is nodig voor de CSS :hover zodat ik later bijvoorbeeld dit stukje CSS code kan gebruiken:
Code (php)
1
2
3
4
5
6
2
3
4
5
6
a li {
background-color: white;
}
a:hover li {
background-color: lightgrey;
}
background-color: white;
}
a:hover li {
background-color: lightgrey;
}
elementen op blokniveau met uitzondering van DIR, DL, MENU, OL, TABLE en UL;
inline elementen met uitzondering van A, BUTTON, MAP, SCRIPT, SELECT en TEXTAREA;
LI.... Mag zijn opgenomen in: DIR, MENU, OL en UL
Je moet het dus omdraaien:
Code (php)
1
2
3
4
2
3
4
<ul>
<li><a ...>...</a></li>
<!-- ... -->
</ul>
<li><a ...>...</a></li>
<!-- ... -->
</ul>