个人中心
文章发布
退出
作者热门文章
- Java 双重比较
- java - 比较器与 Apache BeanComparator
- Objective-C 完成 block 导致额外的方法调用？
- database - RESTful URI 是否应该公开数据库主键？
25
4
我正在尝试创建一个类似于 Stack Overflow 的导航菜单(问题、标签、用户、徽章、未回答、提问)。
我尝试通过使用 Logo 和 5 个菜单选项来做到这一点。这些被放置在容器的顶部。我无法对齐它们。
我怎样才能创建它以使它们对齐？
HTML:
<body>
<div id="logoimg">
<a href="http://www.domain.com">
<img src="http://www.domain.com/domain.png" border="0"></img>
</a>
</div>
<div id="navi">
<a href="http://www.domain.com/home.php">Home</a>
<a href="http://www.domain.com/profile.php">Profile</a>
<a href="http://www.domain.com/settings.php">Settings</a>
<a href="http://www.domain.com/logout.php">Logout</a>
</div>
<div id="my">
<div id="box">
<div id="pic">
<div id="myname">
<?php echo "$angelinajolie";?>
</div>
</div>
</div>
</body>
CSS:
div#logimg {
margin-left: 213px;
}
#box {
background-color: #FFFFFF;
margin:0 auto;
height: 300px;
width:830px;
border:1px solid #E2E2E2;
}
最佳答案
试一试:
HTML:
<div id="header">
<h1><a href="http://www.domain.com">Name of Site</a></h1>
<ul class="nav">
<li><a href="http://www.domain.com/home.php">Home</a></li>
<li><a href="http://www.domain.com/profile.php">Profile</a></li>
<li><a href="http://www.domain.com/settings.php">Settings</a></li>
<li><a href="http://www.domain.com/logout.php">Logout</a></li>
</ul>
<ul class="nav extra">
<li><a href="http://www.domain.com/logout.php">Ask a Question</a></li>
</ul>
</div>
将整个内容包装在一个容器 div 中。该站点的 Logo 可能应该是一个带有文本标题的 h1(以方便屏幕阅读器等)。链接列表应该是无序列表。该结构将很好地包含内容，CSS 可以完成剩下的工作。
CSS:
#header h1{
float: left;
width: 100px;
height: 50px;
}
float 站点标题/ Logo 并为其指定宽度和高度。
#header h1 a{
background-image: url(http://www.domain.com/domain.png);
display: block;
text-indent: -9999px;
overflow: hidden;
width: 100px;
height: 50px;
}
将您的 Logo 作为背景图像放在 anchor 标记上，使 anchor 标记成为 block 级元素，使用 text-indent 属性隐藏文本并结合 hidden 的溢出(这将文本推向左侧) .
#header a{ text-decoration: none; }
#header .nav li{
background: #eee;
border:1px solid #E2E2E2;
float:left;
margin-right: 0.5em;
padding: 0.2em 0.5em;
}
在 ul 标签中 float 列表元素并给它们一些样式。
#header .extra{
float: right;
margin-right: 0;
top: 0;
right: 0;
}
将“额外”导航 float 到右侧而不是左侧。
在此处查看实际效果:http://jsfiddle.net/6F5ky/
关于html - 类似于 Stack Overflow 的顶部导航菜单的 CSS，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/4567177/
25
4
0
在编写代码时，当我编写 struct *Stack stack 时，代码无法工作，而当我像 struct Stack* stack 那样编写代码时，代码可以工作有人告诉我这两个代码之间的区别吗？ 最佳
我的教授要我绘制堆栈吗？他想让我付诸行动吗？我觉得自己很愚蠢，但这不像任何人告诉我的那样!感谢您的帮助。 哇，你们真快。已经谢谢你了。完整的问题是:考虑两个堆栈，每个堆栈的大小为 n(即，每个堆栈最多
是new Stack[N]相当于new Stack[N]对于通用数据类型 Stack ？ 编辑:虽然我知道最好避免混合泛型类型和数组，并且存在更强大的解决方案，但我的查询仍然存在:被广泛认可的教科书，
我正在尝试使用堆栈的 printf() 打印 stack.top() 的返回值，但它给出的格式不匹配。代码如下: int main(){ stack cards; char *ch1
我正在尝试做一个 dapp 项目。 我有一个堆栈太深的错误，但我不知道如何解决这个问题。 CompilerError: Stack too deep, try removing local varia
在哪里stack haddock (或 stack build --haddock )放置它生成的文档？ 最佳答案 这取决于为“属于”生成黑线鳕的包的位置。 “本地”包的 Haddocks 是堆栈项目
按照目前的情况，这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持，但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开，visit the
基本上，我有 2 个文件(.adb 和 .ads)。我对 Ada 以及如何编译 2 个文件完全陌生。该程序是一个基本的堆栈实现。编译 .adb 文件时出现此编译错误。 $ gcc -c test_ad
关闭。这个问题需要更多focused .它目前不接受答案。 想改善这个问题吗？更新问题，使其仅关注一个问题 editing this post . 5年前关闭。 Improve this questi
您好，我正在尝试在微服务架构中使用 ELK 堆栈，其中有许多服务分布在许多服务器上。 现在我已经配置了 Kibana 和 ElasticSearch。现在我的疑问是我必须在哪里安装 Logstash。
很难说出这里要问什么。这个问题模棱两可、含糊不清、不完整、过于宽泛或夸夸其谈，无法以目前的形式得到合理的回答。如需帮助澄清此问题以便重新打开，visit the help center . 关闭 9
我正在学习 Haskell，但遇到了我没想到的异常“堆栈溢出”。 代码相当简单: type Reals = Double prod :: Reals -> Reals -> Reals prod a
在我的 PC(最新的 JDK 和编译器版本)上，我的程序运行得非常顺利。但在我教授的计算机上，她说她遇到了两个错误 1) Stack myStack= new Stack() 类型的非法开始 2) 非
当我尝试在调用跟踪后执行 ./stack.sh 时，我收到以下错误: `[Call Trace] ./stack.sh:217:source /home/work/devstack/stackrc
1 上下文 我参与了一个涉及大量 C 位和 FFI 的 Haskell 项目。所以我发现自己经常运行和重新运行命令，比如 $ stack build $ stack build --force-dir
关于 SO 上的堆栈的问题，终于!我的一生都让我走到了这一步。 所以我需要将我制作的一些相当大的自定义数据结构合并到一个堆栈中。我决定编写一个仅包含一个整数值的最小堆栈结构。这里是 - MODULE
我只是想知道为什么在括号之间嵌入表达式时会得到两个不同的成员列表，例如gl-stack。看起来，如果没有括号，表达式就会被完全求值，并且结果会立即传递到下一个管道组件。但通过括号，集合中的单个对象将被
是否可以保存Stack>在onSaveInstanceState . 是否可以通过另一种方式保存某些特定数据来管理 Activity 状态？ 最佳答案 您无法将 View 保存到 bundle 中。无
这个问题已经有答案了: Why don't Java Generics support primitive types? (5 个回答) 已关闭 9 年前。 为什么我不能使用Stack ？ 除了拳击之
基于数组的实现级别 #include "stack.h" void creat_stack(Stack *s) { s->Top = 0; } int isFull(Stack s) {
我是一名优秀的程序员,十分优秀！