Uaktywnij cały element <li> za pomocą elementu <a> wewnątrz bez javascript [duplikat]
To pytanie ma już tutaj odpowiedź:
Jak sprawić, aby cały obszar elementu listy na moim pasku nawigacyjnym był klikalny jako link? 9 odpowiedziCzy jest jakiś sposób?
mam<ul>
z odrobiną<li>
elementy wewnątrz. To część rozwijanego menu. Każdy<li>
staje się pudełkiem wielkości największego<li>
element w grupie (ten, w którym znajduje się najwięcej tekstu).
Problem polega na tym, że chcę, aby ludzie mogli kliknąć w dowolnym miejscu wewnątrz każdego<li>
pole i pracuj linkami, zamiast tylko tam, gdzie jest tekst. Chciałbym rozwiązanie bez javascript, jeśli to możliwe.
Oto przykładowy HTML. Wewnętrzny<li>
elementy to te z linkami.
<li class="parent Glass" style=" float: left;">
Glass
<ul class="child" style="float: left; position: absolute; z-index: 999; display: none;">
<li style=" float: left;">
<a href="http://example.com/path/to/somehwere.html?glass=25">Brown (13)</a>
</li>
<li style=" float: left;">
<a href="http://example.com/path/to/somehwere.html?glass=112">Crystal (93)</a>
</li>
<li style=" float: left;">
<a href="http://example.com/path/to/somehwere.html?glass=99">Gray (1)</a>
</li>
<li style=" float: left;">
<a href="http://example.com/path/to/somehwere.html?glass=42">Latte (12)</a>
</li>
<li style=" float: left;">
<a href="http://example.com/path/to/somehwere.html?glass=72">White (15)</a>
</li>
</ul>
</li>