Need help adding tabs to navbar html, css - html

https://youtu.be/ArTVfdHOB-M
I used this video as reference for making navbar menu but i can't add tabs to it. Pls help

Related

bootstrap fixed navbar is hiding slider content

I can't figure out how to get the carousel to not hide behind the fixed navbar.
I have tried a few things but I always get lost.
I want the navbar fixed to the top if possible. View the page:
http://www.pegasusbus.com/ebrochure/
Can anyone help me? I am new to all this but a quick learner.
Thank you!
add <br> after your top navigation. It works for me.

Slider or carousel with html form in top

I have this image and I don't know how to put in html and css with a slider. Is there a slider or carousel like this? I'm not a pro and that is why I wait some ideas please.
I was thinking to make a normal slider and the form to be separated and put in in the top of the slider with absolute, but I don't know if is the best idea.
First create a slider using Slider Plugins example : BXslider.com(http://bxslider.com/) where you have the demo to create the sliders.
Second u need to create the tabs widget using HTML and CSS and use the plugin idTabs(http://www.sunsean.com/idTabs/) which can be helpfull.

CSS HTML menu unwanted bottom margin when inline-block

I'm trying to fix a problem I have with one of my custom theme I am working on.
If you browse to the site http://www.worclan.com/ you will see I have made a drop down menu. When you hover over a menu item or you are on the current page the item turns yellow.
The problem is I can't get the bottom of the yellow to touch the bottom of the containing menu box. There appears to be a added padding or margin which I can't track down and remove.
Any help or suggestions?
For future reference, you need to post the code in your question in your question.
If you set #navarea to line-height:0, it will work.

Bootstrap not lining up sections for navigation hover properly

I'm having an issue where when I scroll through my homepage with the anchor tag sections it does not line up properly. For instance, if I click "showcase" it will go to the section but not highlight the navigation hover like it should. However, if I scroll slightly down it will then hover.
I read online in the past this was resolved by adding padding into the css for the section tag. I couldn't seem to get it to work.
Any help is appreciated, thank you.
BQ: How do I change the active section the page opens to? I tried changing the "active" tag, but it still uses the same section.
I'm using this template: http://www.blacktie.co/demo/pratt/#home
you have two identical ID's on your page , eg #showcase. Other then that you probably need to set an offset in the jquery scrollto function.

Navigation Menu Dropdowns Stuck Behind Other Elements

I'm having what I believe to be a simple problem but I'm not sure how to fix it.
Basically, while hovering over links on the menu, the drop-down menus "go behind" the other elements on my page. I've tried implementing float css but it doesn't seem to work.
If you visit my site just for a second and hover on the navigation menu you'll see what I mean.
How do you fix something like this?
Will appreciate any help.
Thanks.
In your css, set your z-index to a really big number like 9005, so it's above everything else on the page.
Like: z-index: 9005;
add z-index:9999; to the #page-bar css
it solves the problem (tested in chrome)