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 5 years ago.
Improve this question
I am able to design nav tabs using code:
<div class="container-fluid">
<ul class="nav nav-pills">
<li class="active">tab1</li>
<li>tab2</li>
<li>tab3</li>
</ul>
</div>
But i want my tabs design with arrows to right side as in picture. I will be glad if someone can help me out what is the css for this. Thanks.
This design pattern I think is really a "breadcrumb". the first thing that comes up in google is: how to css breadcrumb. I don't particularly like w3schools, but it's a good starting point, then you can just play w/ the styles from there.
As far as the arrows, you may want to check out CSS Triangle generator
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
I created an Angular Dashboards but somewhow I want that all contents should be displayed without scrolling downwards. Means it fits to the window.
On the screenshot you can see that half of the Angular Dashboard is cut off. I didn't find the right solution, so maybe one of you have good idea how to fix the problem.
you can take this simple example
.parent{
height:100vh;
background:red;
}
.child1{
height:50vh;
background:green;
}
<div class="parent">
<div class="child1">
test
</div>
<div class="child1">
test
</div>
</div>
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
I have integrated bootstrap carousel but when i click on next and prev it shows some bug. Can someone help me what am missing ?
here is the link of website http://logmak.justevent.in/ please check 4 product slider.
You placed a function that changes how carousel behaves by default, just after you initiate it. That's what's causing your problem.
A quickfix would be:
.item.next.left {
display: none;
}
but there will be no transition from the old items to the new ones, at the end of the slide transition. My advice is to look for a carousel that allows you to set the step of the slide out of the box, such as slick.js.
(Not endorsing it, feel free to look for better alternatives. I use it because it's easy to style and quite small, pefect for my own needs. Your needs might be different.)
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking for code must demonstrate a minimal understanding of the problem being solved. Include attempted solutions, why they didn't work, and the expected results. See also: Stack Overflow question checklist
Closed 9 years ago.
Improve this question
How can I create a menu navigation that will be hidden on load, but will show when the user hovers over a button?
So for better understanding I did a simple preview how I want:
I know how to create a <div> with the menu the, only thing that I need to know is how to create the show/hide interaction with the mouse cursor.
What language do I need to use? Please tell me how can I create this. What should I search on the internet to create this? I'm not looking for complete code, just a small example or a pointer in the right direction.
I'd go with javascript.... Here is 2 links http://www.w3schools.com/jsref/event_onmouseover.asp
http://www.htmlgoodies.com/beyond/javascript/article.php/3470771
Pretty sure you are looking for these events ;)
You can use this
Demo:
http://tympanus.net/Tutorials/AnimatedBorderMenus/index5.html
Source:
http://tympanus.net/codrops/2013/09/30/animated-border-menus/
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking for code must demonstrate a minimal understanding of the problem being solved. Include attempted solutions, why they didn't work, and the expected results. See also: Stack Overflow question checklist
Closed 9 years ago.
Improve this question
I have a simple question for You.
It is possible to return to top after click on image, which is reference to jquery content?
For example: When I choose an image in "Portfolio" on http://dash.com.pl/ I need to return to top of this (#portfolio). Thank You for Your help.
You don't really need javascript for that, anchors will scroll to an ID if you supply a hash as the href ?
<img src="image/to/click.png" />
doing just scrolls to the top, and for other pages it's the same
You could just use a link attribute
<div id="portfolio">...</div>
<a href="#portfolio">
<img src="screen.png">
</a>
With jquery you can get element's position and scorll to the top
scroll(0, $('#portfolio').position().top)
Update:
Correct the jquery scroll example it need the x value.
Done. Thank You everybody for Your help.
This code helped me:
$(document).ready(function(){
$(this).scrollTop(3200);
});
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions concerning problems with code you've written must describe the specific problem — and include valid code to reproduce it — in the question itself. See SSCCE.org for guidance.
Closed 9 years ago.
Improve this question
I need Continuous Image marquee in HTML in horizontal direction. I got the code for text marquee it is working , but not for images. Thanks in advance.
Continuous text marquee link: http://www.dynamicdrive.com/forums/showthread.php?t=28742
1- Do not use marquee.
2- ?
3- Profit !
If you really have to, try to use a jQuery alternative or another kind of UI
Can I ask what for?
I would suggest against using the marquee all together, it's extremely dated and in my opinion looks tacky. I'm pretty sure you can't use it for images either.
If you want scrolling images I would point you in the direction of JQuery. Maybe something like this would be better: http://sorgalla.com/jcarousel/