Problem
I have vertical menu bar jquery css and i need to add to layout view(master page) in visual studio 2015
so that How to do that .
vertical menu bar jquery css code
This menu working without any problem but
my problem how to put menu in left side in layout view
css
- ul,
- li,
- a {
- padding: 0px;
- margin: 0px;
- }
- #nav1 a {
- color: #FFFFFF;
- }
- #nav1 li ul li a:hover {
- background-color: #394963;
- }
- div ul li ul {
- background-color: #4a5b78;
- list-style: none
- }
- #nav1 > li > a {
- background-color: #343434;
- padding: 16px 18px;
- text-decoration: none;
- display: block;
- border-bottom: 2px solid #212121;
- background: linear-gradient(top, #343434, #111111);
- }
- #nav1 li ul li a {
- padding: 10px 0;
- padding-left: 30px;
- text-decoration: none;
- display: block;
- }
- div {
- background-color: #000000;
- background-color: #343434;
- width: 280px;
- }
- /* Hide Dropdowns by Default */
- #nav1 li ul {
- display: none;
- }
- jquery
- $(document).ready(function() {
- $("#nav1 li").hover(
- function() {
- $(this).find('ul').slideDown();
- },
- function() {
- $(this).find('ul').slideUp();
- });
- });
- HTML
-
-
-
-
-
-
-
-
-
-
-
-
-
my layout view
Layout = "~/Views/Shared/_Layout.cshtml";
default _Layout found in visual studio 2015 without any customization
I do every thing but design come corrupted
actually i need menu in left center side vertically
and not change main design of default layout
because after i apply menu it change main design
see link below
http://www.mediafire.com/view/5z34m3hp9lfjst2/corrupt_design.jpg
7 Replies
Know the answer? Post it — somebody with the same question will find it here.
Sign in to answer this question
It is the same account you read, post and publish with — and you will come straight back to this page.
Thiyagarajan EPosted Nov 22, 2016, 3:44 PM
Thiyagarajan EPosted Nov 22, 2016, 3:41 PM
ahmed salahPosted Nov 22, 2016, 3:30 PM
ahmed salahPosted Nov 22, 2016, 3:27 PM
Thiyagarajan EPosted Nov 22, 2016, 3:16 PM
ahmed salahPosted Nov 22, 2016, 3:06 PM
Thiyagarajan EPosted Nov 22, 2016, 2:41 PM