3

我以为我记得在 IE 中测试过我的菜单，但现在它不起作用。:( 它在 Chrome 和 FireFox 中完美运行。我尝试查看其他答案，但找不到适合我的答案。

你可以在这里查看我的网站

先感谢您！我是 CSS 新手，这对我来说绝对是一场斗争。我以为我已经征服了这个，现在我只是努力不哭。:(

4

2 回答 2

2

您的和元素<font>之间有两次标记。<ul><li>

http://validator.w3.org/check?uri=www.compray.com&charset=%28detect+automatically%29&doctype=Inline&group=0

删除它们，它将正确呈现。

编辑：

如果您想要不同的字体大小，您是否尝试过：

 <ul id="mainmenu">
    <li><a href="">Home</a>
        <ul>
            <li><a href="">item 1</a></li>
            <li><a href="">item 2</a></li>
            <li><a href="">item 3</a></li>
        </ul>
    </li>
    <li><a href="">FAQ</a></li>
    <li><a href="">Products</a></li>
    <li><a href="">Service</a></li>
    <li><a href="">Contact Us</a></li>
</ul>


#mainmenu li { //font styles }
#mainmenu ul li { //font styles }

此外，这就是它不起作用的原因，您缺少 dtd：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
于 2012-11-15T15:08:50.123 回答
0

您的文件无效。您需要做的第一件事是更正标记。如果你看这里，你会在你的标记中看到 18 个错误。

主要问题<font>是<ul>. 您只能在其中放置<li>标签<ul>，然后在其中放置您需要的任何元素<li>。

<font>标签已弃用，您应该使用CSS来设置元素的样式。

于 2012-11-15T15:07:13.140 回答