Author

Topic: 0.2 BTC Reward -- CSS based Vertical Expanding Nav Menu (Read 1311 times)

legendary
Activity: 1876
Merit: 1295
DiceSites.com owner
Thank you Smiley if you have any problem modifying it in your design don't hesitate to PM me.
sr. member
Activity: 318
Merit: 251
BTC
1Fcn7M1AjgA9RFPm59RqiTCCD6tKKS5vN9

Awesome, thanks dude, you're a life saver!  0,22 BTC sent, extra tip for being quick!  Thanks again, appreciate it!

https://blockchain.info/tx/9eceba5a9b74f5c2d16e730f2d362a207589cfaf8b1bd91b70844137e6f5c908

For everyone else, reward closed!
sr. member
Activity: 434
Merit: 250
Code:






    

              
  • Home
                    

                          
    • About Us

    •                     
    • Some Page

    •                     
    • Another Page

    •                 

              

  •           
  • Products
                    

                          
    • About Us

    •                     
    • Some Page

    •                     
    • Another Page

    •                 

              

  •           
  • Support
                    

                          
    • About Us

    •                     
    • Some Page

    •                     
    • Another Page

    •                 

              

  •     




http://jsfiddle.net/ms8nevLv/

this is my take on it. take it if you like it. Its a simpler solution.

my BTC address is in my signature Tongue
legendary
Activity: 1876
Merit: 1295
DiceSites.com owner
See here:
http://jsfiddle.net/mrsg3mdm/

LMK if something doesn't work.


BTC
1Fcn7M1AjgA9RFPm59RqiTCCD6tKKS5vN9
sr. member
Activity: 318
Merit: 251

Code is posted above, and for example, here:  http://jsfiddle.net/fxpuorz4/

For example, click on the "Support" menu and it expands without problem.  However, click on one of the sub-menus, and it just collapses the parent menu, instead of redirecting the user.  I need it to redirect the user.  Again, no Javascript allowed.

Post the working code here publicly, as it may help someone else as well, plus your BTC address and I'll send you 0.2 BTC.
newbie
Activity: 42
Merit: 0
I can do that pm me detail via pm.

No, project is stated above, and very straight forward.  It's public, so I'm not going to screw you.  Provide the working CSS code and your BTC address, and I'll send 0.2 BTC.  Simple as. Smiley

First you need to give me your website source code to run on any platform.
And you mean after I edit the CSS will you make payments
sr. member
Activity: 318
Merit: 251
I can do that pm me detail via pm.

No, project is stated above, and very straight forward.  It's public, so I'm not going to screw you.  Provide the working CSS code and your BTC address, and I'll send 0.2 BTC.  Simple as. Smiley
newbie
Activity: 42
Merit: 0
I can do that pm me detail via pm.
sr. member
Activity: 318
Merit: 251
If anyone can resolve this, post your BTC address as well, and I'll send you 0.2 BTC.  First come, first served.

Need a CSS based vertical expanding nav menu. No Javascript allowed. I have a CSS tab control working just fine, and mostly have the nav menu working, but am stuck. I can get the nav menu to expand upon clicking a parent menu, but when clicking on a sub-menu it instantly collapses the parent menu without redirecting the user to the new page.

Any help greatly appreciated! If it helps, here's some dumbed down CSS / HTML code:

Code:
.cnav {
    position: relative;
    display: block;
}

.cnav ul {
    list-style-type: none;
}

.cnav ul > li {
    display: block;
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}

.cnav ul li > a {
    font-size:14px;
    height:38px;
    width:100%;
    line-height:38px;
    border-bottom: 1px solid #c4c4c4;
    border-top: 1px solid white;
    color: #3f3f3f;
}

.cnav ul li > .sub {
    display: none;
    background: rgb(255,255,255);
    margin-top:0px;
    width:100%;
}

.cnav ul li a:focus + ul.sub { display: block; position: absolute; left: 0px; }
Code:

    

              
  • Home
                    

                          
    • About Us

    •                     
    • Some Page

    •                     
    • Another Page

    •                 

              

  •           
  • Products
                    

                          
    • About Us

    •                     
    • Some Page

    •                     
    • Another Page

    •                 

              

  •           
  • Support
                    

                          
    • About Us

    •                     
    • Some Page

    •                     
    • Another Page

    •                 

              

  •     


Jump to: