2011-01-19 7 views
0

Привет новичок вопрос, я просто хотел навести li.about на ul.second .. Может кто-то помочь мне в этом ..навигации CSS уль ли: парить

<ul id="nav" class="clear"> 
    <li id="home"><a href="index.html"></a></li> 
    <li id="about"><a href="about.html"></a></li> 
    <ul class="second"> 
     <li><a href="www.yahoo.com">1st Link</li> 
     <li><a href="www.google.com">2nd Link</li> 
     <li><a href="www.google.com">2nd Link</li> 
    </ul> 
    <li id="gallery"><a href="gallery.html"></a></li> 
    <li id="before-after"><a href="before-after.html"></a></li> 
    <li id="loft"><a href="loft-conversations.html"></a></li> 
    <li id="case"><a href="case-studies.html"></a></li> 
    <li id="testimonials"><a href="testimonials.html"></a></li> 
    <li id="faqs"><a href="faqs.html"></a></li> 
    <li id="contact"><a href="contact.html"></a></li> 
</ul> 

CSS коды

#navigation ul#nav li#about:hover ul.second 
{ 
    background:#CCC; 
    padding:1px; 
    margin:1px; 
    height:200px; 
    color:black; 
    z-index:1000; 
    width:200px; 
} 
+0

Сначала: нажмите «Изменить», выделите свой код и нажмите кнопку «{}». – Andrew

+1

Не могли бы вы вернуться к своим предыдущим вопросам и принять правильный ответ или опубликовать решение (если вы его нашли самостоятельно). Это может похвастаться сообществом и предоставляет ресурс другим с аналогичными проблемами. Кроме того, вы получите больше внимания, если вы, как известно, принимаете правильные ответы. ;-) –

+1

Это недопустимая надбавка, 'ul' не может быть прямым потомком другого' ul'. Включите вторую 'ul' в' li' (единственном допустимом дочернем элементе элемента 'ul' или' ol'). –

ответ

0

Если его выпадающее меню вы пытаетесь сделать, то использовать свойства CSS display: none; и display: block.

Смежные вопросы