Html CSS菜单有问题吗

Html CSS菜单有问题吗,html,css,menu,Html,Css,Menu,我需要一个CSS专家来审查我的网站菜单的CSS和HTML。你可以看到它在 菜单{ 填充:0 32px; 保证金:0; 列表样式:无; 高度:35px; 背景:#fff url(http://boltbait.com/images/MenuBack.png)重复-x; 位置:相对位置; 字体系列:verdana、arial、helvetica、tahoma、sans serif; } .菜单李{ 显示:块; 浮动:左; 位置:相对位置; } .menu li a.top_链接{ 显示:块; 浮动

我需要一个CSS专家来审查我的网站菜单的CSS和HTML。你可以看到它在

菜单{
填充:0 32px;
保证金:0;
列表样式:无;
高度:35px;
背景:#fff url(http://boltbait.com/images/MenuBack.png)重复-x;
位置:相对位置;
字体系列:verdana、arial、helvetica、tahoma、sans serif;
}
.菜单李{
显示:块;
浮动:左;
位置:相对位置;
}
.menu li a.top_链接{
显示:块;
浮动:左;
高度:35px;
线高:33px;
颜色:白色;
文字装饰:无;
字号:12号;
字体大小:正常;
填充:0 12px;
光标:指针;
}
.menu li a.top_链接跨度{
浮动:左;
字体大小:正常;
显示:块;
填充:0 23px 0 12px;
高度:35px;
}
.menu li a.top_链接span.down{
浮动:左侧;显示:块;填充:0 24px 0 12px;高度:35 px;背景:url(http://boltbait.com/images/down.gif)无重复右上;
}
.菜单li a.顶部链接:悬停{
颜色:#000;背景:url(http://boltbait.com/images/button4.gif)不重复;
}
.menu li a.top_链接:悬停范围{
背景:url(http://boltbait.com/images/button4.gif)无重复右上;
}
.menu li a.top_链接:悬停span.down{
背景:url(http://boltbait.com/images/button4a.gif)无重复右上;
}
.menu li:悬停>顶部链接{
颜色:#000;背景:url(http://boltbait.com/images/button4.gif)不重复;
}
.menu li:悬停>a.top_链接范围{
背景:url(http://boltbait.com/images/button4.gif)无重复右上;
}
.menu li:悬停>a.top\u链接span.down{
背景:url(http://boltbait.com/images/button4a.gif)无重复右上;
}
.菜单表{
边界塌陷:塌陷;
宽度:0;
身高:0;
位置:绝对位置;
排名:0;
左:0;
}
.菜单a:悬停{
能见度:可见;
}
.菜单李:悬停{
位置:相对位置;
z指数:200;
}
.菜单ul,
.菜单:悬停ul,
.菜单:悬停ul:悬停ul,
.菜单:悬停ul:悬停ul:悬停ul,
.菜单:悬停ul:悬停ul:悬停ul:悬停ul:悬停ul{
位置:绝对位置;
左:-9999px;
顶部:-9999px;
宽度:0;
身高:0;
保证金:0;
填充:0;
列表样式:无;
}
.菜单:悬停ul.sub{
左:2px;
顶部:35px;
右:2px;
背景:#fff;
填充:3px0;
边框:1px实心#999999;
空白:nowrap;
宽度:200px;
高度:自动;
}
.菜单:悬停ul.sub li{
显示:块;
高度:20px;
位置:相对位置;
浮动:左;
宽度:250px;
}
.菜单:悬停ul.sub li a{
字体大小:正常;
显示:块;
字体大小:11px;
高度:20px;
宽度:192px;
线高:20px;
文本缩进:5px;
颜色:#000;
文字装饰:无;
边框:3px实心#fff;
边框宽度:0.3px;
}
.菜单:悬停ul.sub li a.fly{
背景:#fff url(http://boltbait.com/images/arrow.gif)80px 7px无重复;
}
.菜单:悬停ul.子菜单a:悬停{
背景#999999;
颜色:#fff;
}
.菜单:悬停ul.sub li a.苍蝇:悬停{
背景:#999999 url(http://boltbait.com/images/arrow_over.gif)80px 7px无重复;
颜色:#fff;
}
.菜单:悬停ul li:悬停>飞行{
背景:#999999 url(http://boltbait.com/images/arrow_over.gif)80px 7px无重复;
颜色:#fff;
}
.菜单:悬停ul:悬停ul,
.菜单:悬停ul:悬停ul:悬停ul,
.菜单:悬停ul:悬停ul:悬停ul:悬停ul:悬停ul,
.菜单:悬停ul:悬停ul:悬停ul:悬停ul:悬停ul:悬停ul{
左:90px;
顶部:-4px;
背景:#fff;
填充:3px0;
边框:1px实心99999;
空白:nowrap;
宽度:93px;
z指数:200;
高度:自动;
}


为什么菜单需要这样的生成器?简单地说,您可以使用:

.menu>li{显示:内联块;位置:相对;}
.menu>li.sub{显示:无;位置:绝对;左侧:0;}
.menu>li:hover.sub{display:block;margin:0;padding:0;列表样式:none;}


主页面上缺少doctype声明

你有:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">


在其他页面上。将其添加到主页应该可以做到这一点。

您有大约8k的Rep,但您不知道如何缩进代码!什么耻辱?我们将如何阅读代码?抱歉,正如所解释的,代码是由一个免费的在线css菜单生成器程序编写的。不过,你也可以像我这样做。为你写一个答案。别担心,伙计!虽然您的解决方案非常简单,但它没有我网站上显示的原始菜单的外观。@BoltBait我想说的是,根据我的回答,您可以修复它。我远不是css专家,但我会尝试一下。谢谢。@BoltBait有一个快速修复方法。那条线一定是在某个时候丢失了。因为,我记得在主菜单上使用的菜单