Stack Overflow
Stack Overflow

Questions tagged [nav]

The `

The <nav> tag is new HTML5 tag which defines a section of navigation links.

<nav>
   <ul>
      <li><a href="/html/">HTML</a></li>
      <li><a href="/css/">CSS</a></li>
      <li><a href="/js/">JavaScript</a></li>
      <li><a href="/jquery/">jQuery</a></li>
   </ul>
</nav>

In the HTML5 specification its primary use case is defined as follows:

The element is primarily intended for sections that consist of major navigation blocks. In particular, it is common for footers to have a short list of links to various pages of a site, such as the terms of service, the home page, and a copyright page. The footer element alone is sufficient for such cases; while a nav element can be used in such cases, it is usually unnecessary.

For more information on usage see HTML5 Doctor or the w3.org HTML reference.

2532 questions
0
votes
3 answers

Navigation bar HTML/CSS styling

Using CodePen, I've been trying to style a fixed navigation bar with my username on the left side and a list of inline links on the right side. I haven't figured out how to properly format it because after putting the h1 or p element with my…
springathing
  • 425
  • 3
  • 8
  • 28
0
votes
1 answer

nav navbar-nav navbar-right wont align to the right, im using Bootstrap 3

Im creating my nav bar that consist of logo aligned to the left and menu to the right, here's my code (html and css): how can i align the 3 links to the right ? i understand that the class: nav navbar-nav navbar-right should do it but it wont,…
3KP_W3
  • 43
  • 6
0
votes
4 answers

How can I change the provided jQuery to toggle menu correctly?

I have a hamburger menu icon displayed and want it to have a drop down menu, shown here:
0
votes
0 answers

Bootstrap 3 logo between left and right nav (not centered)

Im trying to add my logo to my bootstrap 3 navigation. My goal is to achieve this: MY NAV WITH LOGO It shouldn't be centered and SHOULD be bigger than navigation panel (like in picture). I know that there are many soutions for those problems, but…
kubinho1032
  • 17
  • 6
0
votes
1 answer

How to get drop down menu to stay fixed in same location

I have a drop down menu in my navigation. Right now each drop down menu is dropping down under the parent element. However, I want each drop down menu to drop down in the same location. (like this menu - https://themify.me/demo/#theme=peak ). …
user6738171
  • 1,009
  • 2
  • 15
  • 50
0
votes
1 answer

Submenu not showing on hover - jQuery

https://codepen.io/grantsmith/pen/YQweRb I am trying to get my branded header menu, sub menu to appear upon hover. The code is pretty long, hence the code pen. I’m targeting any 'a' in the menu that has children, and toggle the .nav-dropdown…
Grant Smith
  • 5
  • 6
0
votes
3 answers

"Position: fixed" in CSS changes "justify-content-end"

I'm trying to make a navigation bar with the content on the right of the page. This worked until I added position:fixed in CSS. After I added position:fixed, the content got relocated to the left of the page. Can someone tell me why this…
Sjsjsj
  • 5
  • 3
0
votes
2 answers

Why does

According to what I've read so far,
0
votes
2 answers

html & css - using different image between each nav menu item as separator

I've yet to see a known-good way of using a different image between different nav menu elements, though I know there is a way to use one image as the consistent separator. I have seven nav elements: #menu-item-26{ } //blue square…
Geoff_S
  • 4,917
  • 7
  • 43
  • 133
0
votes
2 answers

React state not working on drop down menu to hide it again

I searched, I really did and couldn't find the exact answer to what I'm looking for. I have a component for my nav, it works nicely except when it's in a responsive state, it won't activate the state to hide it again. What I have is this which…
sthig
  • 459
  • 3
  • 12
  • 36
0
votes
0 answers

Improperly functioning Nav

Like many before me, I am relatively new to HTML & CSS and I have hit a wall! I downloaded a template that had a nav but I went ahead and put in my own fixed nav. I have several sections on my site and the issue I am having is the nav only works…
Kevin Monahan
  • 1
0
votes
2 answers

CSS transition not applied to max-height switching on UL list

I cannot determine why the specified transition is not applied when I toggle the max-height of the unordered list. The toggle is accomplished by switching classes on the UL. I've tried putting the transition in the max-height classes, but to no…
Tom
  • 1,836
  • 4
  • 16
  • 30
0
votes
1 answer

why does a1 div need to be placed around the nav tag

I have the following which is working but don't understand why the first div needs to be in place in order to get 'home' to display in the body html,body { height: 100%; margin:0; } #a1{ height:50px; } nav{ …
DCR
  • 14,737
  • 12
  • 52
  • 115
0
votes
2 answers

Center Logo and nav bar horizontal

How can i center my logo (img) and menu links horizontal. I want the logo to be at the left and menu at right but horizontal centered. here's my code! thanks
0
votes
3 answers

Flexbox: How to align logo and navbar inline pushed to opposite directions

I am trying to align the logo and the nav on the same line. The logo is to be on the left of window and the navigation is to be on the right of the window using flexbox. So far I the logo and navbar appear on the same line (except the last li item…
Shaz
  • 1,443
  • 1
  • 27
  • 67
1 2 3
…
99
100