css - 找不到菜单栏 css 来更改文本

转载作者：行者123 更新时间：2023-11-28 10:57:16

我无法让我的菜单栏更改字体。我是在 Dreamweaver 中制作的，所以菜单栏有很多额外的 css 代码，但我已经尝试了所有我能想到的选项，但我仍然无法访问菜单栏中的文本来更改字体或颜色或任何东西.

这是 html:

<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Australian Design Architects</title>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<link href="ADA.css" rel="stylesheet" type="text/css" />

<!--[if lt IE 9]><script src="javascript/html5.js"></head>script><![endif] -->
</head>
<body>
<div id="main">
<header>
<h1 id="hheading">Australian Design Architects</h1>
<img src="logo2.gif" alt="ADA LOGO" width="130" height="130" id="himg" />
<nav>
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><code><a href="#"> <!--id="home"-->Home</a></code></li>
<li><code><a href="#" class="MenuBarItemSubmenu">Portfolio</a>
    <ul>
      <li><a href="#">Commercial</a></li>
      <li><a href="#">Residential</a></li>
      <li><a href="#">Heritage</a></li>
      <li><a href="#">Rennovations/Additions</a></li>
    </ul>
</code></li>
<li><code><a href="#">Services</a> </code>      </li>
<li><a href="#"><code>About Us</code></a></li>
<li><a href="#"><code>Contact us</code></a></li>
</ul>
</nav>
</header>
<p>&nbsp; </p>
<p>&nbsp; </p>
<div id="maincontent">
<article id="inner"></article>
<img src="3drender.png" alt="3d render" name="mimg" width="640" height="480" id="mimg"></div>
<footer>
<div id="fbtw">Content for  id "fbtw" Goes Here</div>
<ul>
<li><p><a href="#">Privacy Statement</a></p></li>
<li><p><a href="#">Accessability Statement</a></p></li>
<li><p><a href="#">Site Map</a></p></li></ul>
<p>&copy; Samuel Martin 2014. All Rights Reserved.</p>
</footer>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1",       {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</div>

这是CSS:

@charset "utf-8";
/* CSS Document */

@font-face {
font-family: 'flux_architect_regular';
src: url('flux_architect_regular-webfont.eot');
src: url('flux_architect_regular-webfont.eot?#iefix') format('embedded-opentype'),
     url('flux_architect_regular-webfont.woff') format('woff'),
     url('flux_architect_regular-webfont.ttf') format('truetype'),
     url('flux_architect_regular-webfont.svg#flux_architectregular') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'monospacetypewriterregular';
src: url('monospacetypewriter-webfont.eot');
src: url('monospacetypewriter-webfont.eot?#iefix') format('embedded-opentype'),
     url('monospacetypewriter-webfont.woff') format('woff'),
     url('monospacetypewriter-webfont.ttf') format('truetype'),
     url('monospacetypewriter-webfont.svg#monospacetypewriterregular') format('svg');
font-weight: normal;
font-style: normal;
}

*{
margin:0;
padding:0;
}

article, aside, figure, footer, header, nav, section{
display:block;
}

body {
font-family:'monospacetypewriterregular', sans-serif;
color: #999;
width: 1024px;
margin-top: 20px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
border: 3px dotted #6a8c3f; /*1764fc 323aea*/
background-color:#666;
}

#main{
background-color:#fff;
/*box-shadow: 0 0 25px 5px #1764fc; 00aae4 */
}

#himg {
float: left;
padding-top: 10px;
padding-left: 10px;
}


nav {   
font-size: 18px;
position: absolute;
padding-top: 50px;
padding-left: 140px;
padding-bottom:50px;
}

footer {
font-size: 12px;
line-height: 1.5em;
color: #999;
clear: both;
padding-top: 10px;
padding-bottom: 10px;
text-align: center;
}

footer li {
display: inline-block;
position:relative;
margin-left:10px;
margin-right:10px;

}

footer p {
margin-bottom: 5px;
}

footer a {
color: #999;
}

#hheading {
position: absolute;
top: -500px;
}

#maicontent {
float: left;
width: 700px;
border: 1px solid #999;
padding-top:50px;
margin-top:106px;
}

我需要把那个字体改过来。请帮忙。

最佳答案

将此添加到您的 CSS

// This removes the unordered list circle
nav ul{
    list-style-type:none;
}
// this floats the element inline
nav ul li
{
    float:left;
    display:inline-block;
}
// This is used to remove the underline and give effects to the text
nav li a
{
    font-family:'monospacetypewriterregular', sans-serif;
    text-decoration:none;
}

Fiddle Demo here..!!

关于css - 找不到菜单栏 css 来更改文本，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/22573116/

文章推荐： css - jquery 移动 css 文件远程加载但不在本地加载

文章推荐： swift - 在 Swift 中如何测试索引是否超出范围？

文章推荐： css - 柔性 : css question

文章推荐： php - 如何将javascript变量传递给php

grails - Cereal ，哥伦。按 parent 找 child ，按 child 找 parent
例如，我有一个父类Author: class Author { String name static hasMany = [ fiction: Book,
javascript - DOJO:找 child
代码如下: dojo.query(subNav.navClass).forEach(function(node, index, arr){ if(dojo.style(node, 'd
mysql - 加入两张 table 找 friend
我有一个带有 Id 和姓名的学生表和一个带有 Id 和 friend Id 的 Friends 表。我想加入这两个表并找到学生的 friend 。例如，Ashley 的 friend 是 Saman
grails - Grails按 child 找 parent
我通过互联网浏览，但仍未找到问题的答案。应该很容易: class Parent { String name Child child } 当我有一个 child 对象时，如何获得它的 paren
android - Firebase Android 找 friend 功能
我正在尝试创建一个以 Firebase 作为我的后端的社交应用。现在我正面临如何(在哪里？)找到 friend 功能的问题。我有每个用户的邮件地址。我可以访问用户的电话也预订。在传统的后端中，我
ios - Apple Game Center 和 Facebook 找 friend iOS6
我主要想澄清以下几点: 1。有人告诉我，在 iOS 5 及以下版本中，如果您使用 Game Center 设置多人游戏，则“查找 Facebook 好友”(如与好友争夺战)的功能不是内置的，因此您需要
docker - 有什么用!意思？找。\! -用户redis -exec chown redis '{}' +
关于redis docker镜像ENTRYPOINT脚本 docker-entrypoint.sh : #!/bin/sh set -e # first arg is `-f` or `--some-

行者123

个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章

滴滴打车优惠券免费领取

全站热门文章

首页

博学

6Ren·AI

商城

css - 找不到菜单栏 css 来更改文本

Fiddle Demo here..!!