gpt4 book ai didi

html -
    列出在 Dreamweaver 中编码时出现的样式,但在任何浏览器中测试时都不会出现

转载 作者:太空宇宙 更新时间:2023-11-04 16:21:33 25 4
gpt4 key购买 nike

我一直在尝试创建一个具有可点击按钮外观的导航菜单。我尝试使用 css 设置导航列表的样式;它在 Dreamweaver 的 IDE 中正确显示,但我尝试在其中测试它的任何浏览器只会显示一个无样式的列表。我进行了一些搜索,但没有发现我输入的 html 或 css 有任何问题。有什么建议吗?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Maine Windependence</title>
<link href="mainStyles.css" rel="stylesheet" type="text/css" />

</head>

<body>

<div id="leftCol">

<div id="nav">
<ul>
<li><a href="Homepage.html">Home</a></li>
<li><a href="Contacts.html">Contacts</a></li>
<li><a href="Calendar.html">Calendar</a></li>
<li><a href="GeneralInfo.html">General Info</a></li>
<li><a href="FactSheets.html">Fact Sheets</a></li>
<li><a href="GetInvolved.html">Get Involved!</a></li>
<li><a href="News.html">News</a></li>
<li><a href="OtherResources.html">Other Resources</a></li>
</ul>
</div>

和相关的 css 摘录:

#nav {
font-size: 14pt;
line-height: 200%;
}

#nav ul {
padding: 1em;
list-style-type: none;
}

#nav a:link, #nav a:visited {
padding: 0.5em;
color: #039;
background-color: #FFF;
text-decoration: none;
border-top: 1px solid #FFF;
border-left: 1px solid #FFF;
border-bottom: 1px solid #039;
border-right: 1px solid #039;
}

#nav a:hover {
border-top: 1px solid #039;
border-left: 1px solid #039;
border-bottom: 1px solid #FFF;
border-right: 1px solid #FFF;
}

谢谢大家,如果有任何建议,我们将不胜感激!

============================================= =================编辑:

终于弄明白了,原来问题出在 css 文件的较早部分缺少右括号。 (Durrrr ....)无论如何感谢你们的帮助!

最佳答案

James,我怀疑 CSS 文件未正确保存或保存在错误的位置。对于您的示例,它需要与您的 HTML 文件位于同一目录中。

此外,上次我使用 Dreamweaver (MX) 时,它有一个坏习惯,即制作不区分大小写的链接,这些链接在我的(当时)Windows 机器上运行良好,但在我的 Linux 服务器上根本无法运行。确保您的 CSS 文件名的大小写与链接中的大小写相匹配,尤其是文件扩展名(默认情况下 Windows 对您隐藏!)

编辑:正如 Sotiris 所说,您的示例似乎在 JsFiddle 中正确绘制,因此 Dreamweaver 和您的文件系统的某种组合很可能造成一团糟。 :)

关于html - <ul> 列出在 Dreamweaver 中编码时出现的样式,但在任何浏览器中测试时都不会出现,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6484861/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com