我用CSS創建了非常簡單的菜單。在Firefox中,歌劇,safari和chrome都可以。但在IE 10中,我有很大的可用空間。我嘗試填充和文本對齊,但他們沒有工作。與Internet Explorer的CSS菜單
這是我的菜單:
<div id="menu_mod">
<ul>
<li><a href="#">UŻYTKOWNICY</a>
<ul>
<li> <?php echo anchor('admin/UserGet/GetAll', 'Przeglądaj', 'class="link-class"') ?></li>
<li> <?php echo anchor('admin/UserGet/', 'Dodaj', 'class="link-class"') ?></li>
<li> <?php echo anchor('admin/UserGet/', 'Uprawnienia', 'class="link-class"') ?></li>
<li> <?php echo anchor('admin/UserGet/', 'Aktywacja', 'class="link-class"') ?></li>
<li> <?php echo anchor('admin/UserGet/', 'Usuń', 'class="link-class"') ?></li>
</ul>
</li>
</ul>
</div>
和css:
#menu_mod {
width: 200px;
height:790px;
float: left;
background: url(images/menu.png) repeat-x left top;
text-align: left;
}
#menu_mod ul {
padding-left: 5px;
}
#menu_mod li {
padding-left: 5px;
}
#menu_mod ul li a {
font: bold 12px/24px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#menu_mod ul li a:hover {
color: #ffffff;
}
[1]:http://i50.tinypic.com/2vj9095.png - 其他瀏覽器
[1]:http://i50.tinypic.com/abjtq1.jpg - - IE
我刪除display:block;
但仍然沒有幫助。我試過anchor
和a href
,但仍然是一樣的。基於列表的菜單
我無法複製您的問題。可能還有一些其他的HTML或CSS會干擾,但您並未在此處發佈。或者,鏈接中可能有某些內容 - 您使用過PHP,但我們當然不知道「錨點」的結果會如何。你能否提供一個證明問題的例子? – KatieK