问题标签 [nav]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
472 浏览

css - 你如何创建一个右对齐的suckerfish菜单,其中顶部链接是可变宽度的?

我创建了一个 Suckerfish 之子 (http://htmldog.com/articles/suckerfish/dropdowns/) 基于 CSS 的导航菜单。左侧是普通的 Suckerfish,其中顶级导航条目与下拉菜单的宽度相同。

在我的菜单的右侧,我有几个小图标,用于显示帮助和选项等内容,这些图标也有下拉菜单。问题是我需要将它们右对齐,这样它们就不会离开页面,因为图标很窄并且向右浮动。

文字图片时间:)

我做的比较成功的是对包含下拉条目的内部应用负左边距:

有一个问题,它最终离得太远了:

一个简单的解决方案是将我的宽度基于 px 而不是 em 并将负左边距减少我的图标的宽度(16px),但这很hacky。它不会处理字体缩放。我想到的另一个技巧是使用 margin-left:-9em; 并使我的图标元素宽度:1em;但这似乎也有点不稳定。我希望有人有更好的主意!

0 投票
3 回答
770 浏览

html - CSS 水平导航、IMG 还是 DIV?

我正在开发如下图所示的导航。 在此处输入图像描述

整个导航是浏览器窗口的宽度,但项目以设计为中心。

我已经有一段时间没有使用任何代码了,并且很难将它们组合在一起。我应该使用身体图像水平重复然后将我的列表放置在需要的位置吗?或者我应该使用 div 来跨越浏览器窗口的整个宽度并将列表元素定位在它们需要的位置吗?

谢谢

0 投票
3 回答
18961 浏览

wordpress - WordPress:如何为导航菜单分配不同的颜色

我想给我的顶部导航菜单按钮单独的颜色。例如,我希望“主页”菜单按钮的颜色与“关于”菜单按钮的颜色不同。谁能帮我解决这个问题。我的 CSS 很糟糕。

是否有任何 WordPress 插件可以做到这一点。

我希望有人帮助我。提前致谢。

托马斯

0 投票
1 回答
376 浏览

css - CSS Nav Menu Text 罕见的大小对齐底部的行为

有问题的页面位于以下地址:

http://richiesportfolio.com/temp-site-tester/index.html

如您所见,图像与导航菜单的顶部对齐,但如果我将文本放入链接中,则文本将成为导航菜单的高度并与底部对齐。我不知道这是怎么回事。

这是一些CSS,其余的你可以查看我给你的链接的页面源代码。

0 投票
1 回答
1950 浏览

wordpress - WordPress wp_nav_menu - 添加标题值

默认:

我想将带有 [span] 的标题值添加到 [a] 中。

标题值

0 投票
1 回答
76 浏览

android - Android Navstack 遍历

有没有办法在 android 中遍历 Activity 或 nav 堆栈?在 ios 中,您有 navigationController.viewControllers 集合,可让您遍历每个集合并在它们上调用方法等。在 android 中是否有类似的东西?

0 投票
1 回答
146 浏览

javascript - 如何使用 jQuery 一次只显示一个弹出窗口?

有人可以告诉我如何更新我的代码,以便每当我将鼠标悬停在另一个 LI 上时,为不同的主导航链接显示的弹出框会立即消失,而另一个会出现?(我只希望在任何给定时间出现一个浮出控件)

这是关于 jsfiddle 的一个工作示例:

http://jsfiddle.net/zoolander/YAfDL/

0 投票
2 回答
668 浏览

html - 语义 HTML:我应该使用

我现在正在整理我的博客 - 其中包括一个标签云,允许人们按主题浏览

我正在考虑将标签云链接包装在标签中,<nav>因为这些在技术上是导航链接。

别人怎么看?

0 投票
3 回答
10192 浏览

html - html5 NAV TAG 正确使用

我已经开始在我的页面上使用 html 标签,并且我正在尝试确定 NAV 标签的正确用法。我已经阅读了文档,似乎我应该可以接受我所拥有的,但我注意到大多数其他开发人员在“ul”“li”标签中都有他们的导航“块”。我用过div。

我的问题是,使用“ul”“li”标签而不是 div 的优点/缺点是什么?

以下内容是否适用于导航?

0 投票
1 回答
100 浏览

css - 压缩导航链接或修复它们占用的空间的技术,以便它们不会奇怪地包裹

这是我经常遇到的一个问题:

给定一些水平导航链接,有什么方法可以确保链接不会挤压在一起,以至于它们会向上或向下推到两条线上?

我认为只需为这些导航链接的容器设置最小宽度即可(例如,将 ul 或 ul 的容器 div 设置为 min-width:500px),但如示例所示,这还不够。我觉得我只是错过了一些简单的东西,但这是一个未知的未知数。

编辑:我删除了 li 元素上的一些边距,它最终停止换行到两行。不过,我仍然不明白为什么添加填充会导致包装,而不是简单地扩展包含元素的宽度。

那么你们有什么技术可以使导航链接保持水平条形?

这是一个 jsfiddle,大致是我正在使用的当前示例:http: //jsfiddle.net/tchalvakspam/nE8yU/5/