2012-03-28 73 views
0

我有一个看起来像这样的菜单:CSS菜单移动时大胆

enter image description here

当用户点击人才招聘,它会大胆的(因为它应该做的),但移动整个菜单1或2像素往左边。我正在使用DNNnav。

+0

你可以请张贴相关的CSS? – Tobi 2012-03-28 10:01:03

+0

你可以在jsfiddle中编码吗? – Alex 2012-03-28 10:01:04

+0

拜托,你可以用你的菜单的标记和CSS代码填充小提琴吗? – fcalderan 2012-03-28 10:01:30

回答

1

字体的大胆使用额外的空间。如果你确保每个菜单点都有一个设定的宽度,例如width: 100px;,当你将鼠标悬停在它上面时,它不应该跳过,因为无论里面有什么,它都是稳定的100px。

祝你好运!

P.S.如果需要的话,你应该制作宽度超过100像素的图片。

+0

嗨,感谢您的回复。它几乎就像我需要的菜单项是流体宽度。我怎样才能做到这一点? – 2012-03-28 10:22:37

+0

以百分比(100%)而不是px(100px)为单位的宽度,但我认为这不会解决跳跃问题。 – Rvervuurt 2012-03-28 10:42:46

+0

我添加了一个jsfiddle - http://jsfiddle.net/zvZ5p/ – 2012-03-28 10:45:39

0

很难通过jsFiddles编码。但只是试图给你一个固定的宽度在px为你的'span.txt'span.txt{ width:100px;}或最小宽度span.txt{ min-width:100px;}可能会有所帮助。