2011-09-01 13 views
5

Her birinin kendi bağlantıları olan bir resim grubum var. Resimlerin bir listede (<ul><li> .. vb.) Olmasını ve her öğenin farklı bir background-image olmasını istiyorum.Bir liste öğesini bir bağlantıda sarmak ses mi?

Böyle bir sorunla karşılaşır mıydım?

<ul> 
<a href="#"><li class="1"></li></a> 
<a href="#"><li class="2"></li></a> 
<a href="#"><li class="3"></li></a> 
<a href="#"><li class="4"></li></a> 
<a href="#"><li class="5"></li></a> 
<a href="#"><li class="6"></li></a> 
</ul> 
+2

Bu geçerli bir HTML –

+0

geçerli değil mi? – tonyhh

+3

bağlantısını 'li' içine koyabilirsin, değil mi? –

cevap

2

Bir <ul> eleman girmesine izin verilen tek şey <li> ler çünkü geçerli HTML değil değil valid HTML.

<!ELEMENT UL - - (LI)+     -- unordered list --> 
+2

Sadece merak, bu sözdizimi nerede açıklandı? Bunu belgelerde okudum, ama kendi başıma, bu sadece 'li' etiketlerinin listelerin çocukları olabileceği anlamına gelmez. – smilebomb

6

bu.

13

Sen Sonra a veya li birine background-image ekleyebilirsiniz bu

<ul> 
<li class="1"><a href="#"></a></li> 
<li class="2"><a href="#"></a></li> 
<li class="3"><a href="#"></a></li> 
</ul> 

gibi yazmak daha iyi yapardı.

Ancak, sen display:block olarak a s stil ve onlara aynı height ve li ait width verecekti. Bu şekilde arka plan görüntüsünün gösterilmesi ve li'un tamamının tıklanabilir olması.