Maybe but actually I didn't deeply test the code. It was only a demo in
order to explain the concept.
Anyway please try:
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; z-index:500px;}
and let me know if works.
Il giorno giovedì 14 novembre 2013 19:05:25 UTC+1, JoeCodeswell ha scritto:
>
> 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.
