Dear Paolo, Your post has gotten me *very close* to what i want to achieve. However, when i hover over a "root" menu item and then down over the sub-menu items, the hand cursor disappears when the list is long enough to be shown over a rendered page element like an <h2>. Any ideas how to fix this? Is it a z index thing?
Thanks again, Paolo. Love and peace, Joe On Tuesday, November 12, 2013 7:30:17 AM UTC-8, JoeCodeswell wrote: > > Dear Paolo, > > Thanks for the GREAT DETAILED reply. You indeed sensed the meaning of my > original question which was related to my post - web2py "Components" for > layout.html and other HTML pages [ not derived from > layout.html]<https://groups.google.com/forum/#!topic/web2py/3NmrocjbwzM> > > I will do some experiments and report back. > > Thanks again, Paolo. > > Love and peace, > > Joe > > On Monday, November 11, 2013 4:53:18 PM UTC-8, Paolo Caruccio wrote: >> >> Currently the default layout.html is based on bootstrap framework (see >> http://getbootstrap.com/2.3.2/index.html) >> >> As far as I know the minimum dependencies required from web2py for any >> layout are: >> - web2py.css >> - web2py_ajax.html (which in turn refers to web2py.js and jquery) >> >> However, in order to render horizontally the menu without bootstrap or >> any other html/css framework, you must apply your own css rules, since the >> above mentioned two files are not useful for this. >> For example, assuming that you would keep the current html template, >> after you removed from it any reference to bootstrap framework, you should >> add just before </head> tag: >> >> <style> >> .navbar-inner .container:before, .navbar-inner .container:after { >> display: table;line-height: 0;content: "";} >> .navbar-inner .container:after {clear:both;} >> a.brand, div.nav {float:left;} >> div.nav ul, #navbar, #navbar ul {margin:0; padding:0; list-style:none; >> white-space:nowrap; text-align:left; padding:1px 1px 0 1px; >> background:#eee;} >> div.nav li, #navbar li {margin:0; padding:0; >> list-style:none;display:inline;} >> div.nav ul ul {position:absolute; left:-9999px;} >> #navbar ul {position:absolute; right:0; top:-9999px;} >> div.nav ul.nav>li, #navbar>li {display:inline-block;position:relative;} >> div.nav a, #navbar a {display:block; color:#000; line-height:22px; >> text-decoration:none; padding:0 20px 0 10px;} >> div.nav li a:hover, #navbar li a:hover {background-color:#09c; >> color:#fff;} >> div.nav li:hover > a, #navbar li:hover > a {background-color:#09c; >> color:#fff;} >> div.nav ul li:hover > ul {left:100%; margin-top:-23px; margin-left:-1px >> ;} >> div.nav ul.nav>li:hover > ul {left:0; margin-top:-1px; margin-left:-1px >> ;} >> #navbar>li:hover > ul {top:23px; margin-top:-1px; margin-right:-1px;} >> </style> >> >> That will render a very simple horizontal multilevel menu. Of course >> there are many other ways to accomplish the same result. >> >> >> Il giorno lunedì 11 novembre 2013 20:12:11 UTC+1, JoeCodeswell ha scritto: >>> >>> Dear Web2py forum, >>> >>> I can't find superfish.css in the application structure anymore. I think >>> i remember that web2py went through a menu overhaul. >>> >>> Can someone please tell me the *minimum dependencies *for the new menus >>> to be rendered horizontally? >>> >>> Thanks in advance. >>> >>> Love and peace, >>> >>> Joe >>> >> -- Resources: - http://web2py.com - http://web2py.com/book (Documentation) - http://github.com/web2py/web2py (Source code) - https://code.google.com/p/web2py/issues/list (Report Issues) --- You received this message because you are subscribed to the Google Groups "web2py-users" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. For more options, visit https://groups.google.com/groups/opt_out.
