在我的 xHTML 中,菜单效果很好,但是当我将它上传到我的网站面包师时,菜单失败了。
xHTML 预览:http ://eyesondesign.nl/xhtml/
Websitebaker 预览:http ://eyesondesign.nl/baker/
当我为网站面包师使用 xHTML 代码时,它可以正常工作:)
xHTML 编码:
<div id="hoofdmenubalk">
<a href="#" class="hoofdmenu">Home</a><span class="tussenstukhoofd"></span>
<a href="#" class="hoofdmenu">Biografie</a><span class="tussenstukhoofd"></span>
<a href="#" class="hoofdmenu">Band</a><span class="tussenstukhoofd"></span>
<a href="#" class="hoofdmenu">Muziek</a><span class="tussenstukhoofd"></span>
<a href="#" class="hoofdmenu">Tour</a><span class="tussenstukhoofd"></span>
<a href="#" class="hoofdmenu">Contact</a><span class="tussenstukhoofd"></span>
</div>
网站贝克代码:
<div id="hoofdmenubalk">
<?php show_menu(1); ?>
</div>
CSS 代码:
a.hoofdmenu {
font-family:Arial;
font-size: 14px;
color: #ffffff;
text-decoration:none;
padding:0px 15px 0px 15px;
line-height:40px;
}
a.hoofdmenu:hover {
font-family:Arial;
color: #f6f685;
text-decoration:none;
background-image:url('afbeeldingen/submenu.jpg');
background-repeat:repeat-x;
line-height:40px;
padding:0px 15px 0px 15px;
}
a.hoofdmenu:active {
color: #f6f685;
text-decoration:none;
}
.menu {
position:relative;
z-index:100;
text-decoration:none;
list-style-type:none;
}
ul {
list-style-type:none;
float:left;
}
li {
float:left;
}