个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
25
4
出于某种原因，我的导航栏中的链接根本不显示在浏览器中，但我的 Logo 会显示!
我希望 Logo 位于屏幕左侧，链接位于屏幕右侧导航栏中的水平位置。
这是我的 HTML 代码:
@font-face {
font-family: "Lato-Regular";
src: url("../fonts/Lato-Regular/Lato-Regular.ttf");
src: url("../fonts/Lato-Regular/Lato-Regular.woff");
}
@font-face {
font-family: "PT-Sans";
src: url("../fonts/PT-Sans/PTS55F.ttf");
src: url("../fonts/PT-Sans/PTS55F.woff");
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html,
body {
margin: 0;
padding: 0;
width: 100%;
height: 1500px;
font-size: 0px;
overflow-x: none;
}
body {
font-size: 62.5%;
}
.wrapper {
height: 1500px;
}
#navigation_bar {
width: 100%;
height: 100px;
background-color: #1d1d1d;
}
main {
height: 1300px;
}
#container_wrapper {
width: 100%;
height: 865px;
background-color: green;
}
#footer {
width: 100%;
height: 435px;
background-color: blue;
}
#copyright {
width: 100%;
height: 100px;
background-color: black;
}
img {
max-width: 100px;
max-height: 100px;
}
a:link {
font-family: "Lato-Regular", "PT-Sans", "Calibri Light", sans-serif;
font-size: 1.2em;
line-height: 3.7em !important;
text-transform: uppercase;
color: #ffffff;
}
a:hover {
color: green;
}
li {
float: right;
list-style-type: none;
list-style: none;
background: clear;
padding: 0;
margin: 0;
}
a {
display: block;
width: 60px;
background-color: blue;
margin: 0;
padding: 0;
text-decoration: none;
position: relative;
text-align: center;
float: none;
}<!DOCTYPE html>
<html lang="en-us">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>My Website</title>
<link href="css/stylesheet.css" type="text/css" rel="stylesheet" />
</head>
<body>
<div class="wrapper">
<nav id="navigation_bar">
<a href="images/logo.gif" class="logo" id="home">
<img src="#" alt="Logo" title="Logo" />
</a>
<ul class="navbar_list">
<li class="nav_list" id="about"><a href="#">Home</a>
</li>
<li class="nav_list" id="films"><a href="#">About</a>
</li>
<li class="nav_list" id="other"><a href="#">Other</a>
</li>
</ul>
</nav>
<!--End of NAV-->
<main id="container">
<div id="container_wrapper">
</div>
<div id="footer">
</div>
</main>
<!--End of Main-->
<footer id="copyright">
</footer>
</div>
<!--End of WRAPPER-->
</body>
</html>问题:如何在位于屏幕右侧且 Logo 位于左侧的导航栏中显示没有元素符号的水平无序列表？
最佳答案
关于html - 链接无法在导航栏中显示，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/31658154/
25
4
0
我在让我的操作栏显示图标时遇到问题。它显示了我在溢出菜单中设置的文本/标题(三个点)，但没有任何操作。这是我的代码，我错过了什么？ MainActivity.java public class Mai
我正在尝试在 android 中制作一个动态操作栏，现在我正在尝试像这样在操作栏中进行搜索。 http://developer.android.com/images/ui/actionbar-sear
我正在编写 uiautomator 测试，但我很难弄清楚如何单击我的操作栏图标。 如果我的操作是“始终”显示，则很容易找到并点击。 如果我的操作是显示“从不”，我必须单击菜单，然后从菜单中单击。先点击
我有一个正在寻找特定 URI 的重写规则。当它匹配特定的 URL 时，它会使用正确的文件路径重写它，以便可以找到所需的内容。然后它将协议(protocol)更改为 HTTPS 并允许请求通过。 我有两
我正在为 android 中的 ActionBar 而苦苦挣扎。 这是我的问题:我的操作项没有显示在操作栏中，而是堆叠在操作溢出中，无论我做什么.. 我花了一天的时间寻找解决方案，但我似乎找不到缺少的
我的网络应用程序在 Tomcat 下运行，它非常密集地使用 AJAX 请求，在开发过程中我也必须密集地重新部署网络应用程序。重新部署后，我通常会简单地刷新页面，知道用户 session 已删除，但我总
我是一名优秀的程序员,十分优秀！