CSS позиционирование разрывает гиперссылки в списках - PullRequest
Новая
       23

CSS позиционирование разрывает гиперссылки в списках

0 голосов
/ 16 марта 2011

Я работаю на веб-сайте Joomla1.5.

У меня есть два навигационных меню в левом столбце с использованием UL внутри DIV.

Когда я плаваю в DIV, мои гиперссылки не будут наведены,Исправление CSS в Firefox исправляет это.

Примечание: может ли это быть вмешательством MooTools? 

<div id="left">

    <div class="moduletable intro"> 
                <h1><img src="/images/stories/pastarchives.jpg" border="0" /></h1>

<h1>A modern-day, holiday apartment in the heart of Tuscany</h1>        </div> 
            <div class="moduletable _menu_property"> 
                    <ul class="menu"><li id="current" class="active item1"><a href="http://petruzzo.mikeritter.aghosted.com/"><span>Home</span></a></li><li class="item4"><a href="/index.php?option=com_content&amp;view=article&amp;id=2&amp;Itemid=4"><span>Floor Plan</span></a></li><li class="item5"><a href="/index.php?option=com_content&amp;view=article&amp;id=3&amp;Itemid=5"><span>Location</span></a></li><li class="item8"><a href="/index.php?option=com_content&amp;view=article&amp;id=7&amp;Itemid=8"><span>Contact</span></a></li></ul>     </div> 
            <div class="moduletable _menu_reservations"> 
                    <ul class="menu"><li class="item14"><a href="/index.php?option=com_content&amp;view=article&amp;id=4&amp;Itemid=14"><span>Rates and Prices</span></a></li><li class="item12"><a href="/index.php?option=com_content&amp;view=article&amp;id=5&amp;Itemid=12"><span>Special Offers</span></a></li><li class="item13"><a href="/index.php?option=com_content&amp;view=article&amp;id=1&amp;Itemid=13"><span>Availability</span></a></li><li class="item11"><a href="/index.php?option=com_content&amp;view=article&amp;id=6&amp;Itemid=11"><span>Book Now</span></a></li></ul>        </div> 
            <div class="moduletable"> 
                    <ul class="menu"><li class="item15"><a href="/index.php?option=com_content&amp;view=category&amp;layout=blog&amp;id=2&amp;Itemid=15"><span>Marti Blog</span></a></li></ul>      </div> 


</div>

CSS 

div._menu_property,div._menu_reservations{width:160px; margin:0px; margin-left:; margin-right:; float:left;}

div._menu_property ul li span,div._menu_reservations ul li span{display:block;}

div._menu_property a,div._menu_reservations a{display:block;}

.article_column {width:300px; margin-left:10px; margin-right:10px; float:left;}

1 Ответ

1 голос
/ 16 марта 2011

Добавьте float:left на ваш последний .moduletable

(другие .moduletable, которые div._menu_property, div._menu_reservations имеют плавающее число: слева, но не ваш последний .moduletable)

...