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 回答