Почему ссылка не заполняет элемент li, хотя display: block? - PullRequest
Новая
       11

Почему ссылка не заполняет элемент li, хотя display: block?

0 голосов
/ 18 января 2012

Я использую меню суперфиш, и у меня возникла проблема, которую я не могу понять, хотя я уверен, что ответ, вероятно, очевиден, и я просто упускаю его ...

В основном мой aэлементы не расширяются, чтобы заполнить содержащиеся в них элементы li, даже если для элементов a задано отображение: block

См. пример здесь:

http://www.spiritlevel.co.uk/fpatest/index_hover2.html

css isздесь:

http://www.spiritlevel.co.uk/fpatest/css/superfish.css

http://www.spiritlevel.co.uk/fpatest/css/superfish-vertical.css

Вот соответствующий HTML 

<div id="homenav">

<ul id="nav" class="sf-menu sf-vertical">

<li id="company"><a href="*">COMPANY</a>
 <ul id="companymenu">
<li id="profilelink"><a href="*">Profile</a></li>
<li id="activitylink"><a href="*">Activity</a></li>
<li id="strategylink"><a href="*">Strategy</a></li>
<li id="teamlink"><a href="*">Team</a></li>
    <li id="financelink"><a href="*">Finance &amp; Governance</a></li>
 </ul>
</li>

<li id="development"><a href="*">DEVELOPMENT</a>
  <ul id="developmentmenu">
<li id="partnerslink"><a href="*">Development Partners</a></li>
<li id="sociallink"><a href="*">Social Responsibility</a></li>
  </ul>
</li>

  <li id="projects"><a href="*">PROJECTS</a></li>
  <li id="contact"><a href="*">CONTACT US</a></li>

 </ul>
</div><!--end homenav -->

Второй вопрос, который у меня возникает, - как получитьменю второго уровня, чтобы появиться в том же месте для каждой ссылки первого уровня.Если вы наводите курсор на компанию, то навигация 2-го уровня появляется в нужном месте.Но если вы наводите курсор мыши на разработку, она кажется на 1 строку ниже - я бы хотел, чтобы она появлялась там же, где и меню компании

Может кто-нибудь помочь мне с этим, пожалуйста?спасибо

Ответы [ 2 ]

2 голосов
/ 21 января 2012

Удалите отступ справа от меню .sf a.sf-with-ul (superfish.css line-93) и добавьте ширину 100% или 140px (home.css line 75) в #nav li a. Я протестировал его на вашем сайте и отлично работает. Проверено в хром и фф.

0 голосов
/ 18 января 2012

Причина, по которой ваши ссылки не расширяются, чтобы заполнить поле, заключается в том, что они перемещаются влево. Удалите это, и все будет в порядке.

...