Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 7 years ago.
Improve this question
I'm planning a website and wondering what the best way to create the following item is in CSS:
I want a triangle to appear beneath an item in the menu bar, but the horizontal position of the triangle will change depending on which page the user is currently on (it will highlight the currently viewing menu item)
Is there a way to do this dynamic positioning with just CSS?
All you need to do is download Bootstrap, and create a >div element for your navbar, which you probably already have. Then you need to identify each list item in all your navbar pages as >active, so it gets similar highlights to that of what you want.
To add triangles, you'll need a special CSS class or a downloaded theme.
Related
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 2 years ago.
Improve this question
enter image description hereenter image description here
So i'm trying to have a hover effect on my filter as shown on the html and css above but it not applying. However i have figured out that if i remove my "div pul" it works fine but on the other hand I need that div "pul" in order for my filters to be responsive on the mobile side, so if anyone have an other solution to offer it will be much appreciated. I have tried a number ways but nothing.
here is my website: https://mitch73.github.io/Reservia/
Your hover-css is applying.
Your problem is, the a element is an inline element and therefore margin-top is not applied to it.
here is a js-fiddle with your code:
https://jsfiddle.net/edwkaL1c/1/
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 6 years ago.
Improve this question
Another basic CSS / HTML question, how this navbar is made (at beginning it is transparent, but after scrolling down, it changes to white and gets smaller) which CSS code is used for this? Thanks!
http://vossendesign.com/purefive/home-concepts.html
That is achieved by adding a CSS class to the navbar with Jquery.
The new class has the new background and size information.
Then a simple "transition: all 0.4s", pure CSS, does the nice transition.
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 7 years ago.
Improve this question
hi there how can create a custom sidebar menu in bootstrap or foundation
exact like this site:
http://zurb.com/word
I found one in here via boostrap.
enter link description here
it's like first one but it open over page. I want body be resize (not hidden or overflow)
another example is w3schools.com menu side.
The bootstrap one IS resizing the page when you click the button at the top. It only covers the page when you hover. To get exactly what ZURB.com is doing, you can use the bootstrap template that you linked, and add some jquery like this: (I got this jquery by modifying the sidebar js file form the bootstrap page that you linked.)
$("#sidebar-wrapper").hover(function(e) {
e.preventDefault();
$("#wrapper").toggleClass("toggled-2");
$('#menu ul').hide();
});
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 7 years ago.
Improve this question
I am very new at both HTML and CSS but learning on the way. I have come to a stuck point and I can't seem to work it out. When viewing my webpage I have noticed that when I 'inspect element' the bottomnav div and ul div are both the size of my main div which is basically 0.
This is causing my issues in terms of trying to place a boarder on my bottom navigation.
None of the images are working but here it is
Code: http://jsbin.com/xuluqugovu/edit?html,css,output
Thanks for anyone's help on this.
Set overflow:auto on the .main rule (since its contents are floated, it does not expand to contain them)
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 8 years ago.
Improve this question
So I am making a test website and I all text images, and navigation text is in the middle of the page and there is a lot of space on the side. how can I use more of the space on the side?
Use your CSS to define the size of your main content. If pixel size (say width:1000px) isn't enough, then set the width to width:100%.
In any case, you are going to have to do some serious research on CSS and how to use it.