我有一个小问题,当我悬停菜单链接其他链接转移到侧面,但我需要我的其他链接将保持稳定。我该如何解决这个问题?HTML/CSS当悬停链接样式斜体其他链接保持稳定
HTML:
<div id="top">
<a href="index.php?id=pagrindinis"><div id="logo"></div></a>
<div id="menu">
<ul id="nav">
<li><a href="index.php">Pagrindinis</a></li>
<li><a href="#">Taisyklės</a></li>
<li><a href="#">Pamokos</a></li>
<li><a href="#">Kontaktai</a></li>
<li><a href="#">Facebook</a></li>
</ul>
</div>
CSS:
#menu #nav {
font-family: Segoe UI, Arial, sans-serif;
font-size: 14px;
color: #FFFFFF;
list-style:none;
}
#menu #nav li {
display: inline-block;
padding: 0px 10px 0px 10px;
}
#menu #nav li a {
font-family: Segoe UI, Arial, sans-serif;
font-size: 14px;
color: #FFFFFF;
text-decoration: none;
}
#menu #nav li a:hover {
color: #0a813c;
font-style: italic;
}
的jsfiddle:http://jsfiddle.net/nJgyn/1/
感谢您的帮助
安置自己的** HTML **。或者制作一个[JSFiddle](http://jsfiddle.net/)。 – Vucko 2013-03-27 09:41:27
如果你的'#top'或'#menu'具有固定的宽度,问题是当你的字体变成斜体时,会消耗更多的水平空间。你不能真正把CSS拿走。您可以将字体设置为较小的像素进行测试,但仍然不可靠。或者尝试'padding:0px 0px 0px 10px;',在#menu #nav li上删除右边的填充。 – 2013-03-27 09:43:42