Dear Paolo,
Thanks for the reply.
I guess it wasn't a z-index problem. The adding z-index:500px; change did
not work.
However, I did a position:relative; top:100px; on the <h2> and more of the
menu worked.
Thanks for the concept, Paolo. I'll keep at it.
Love and peace,
Joe
On Thursday, November 14, 2013 10:50:33 AM UTC-8, Paolo Caruccio wrote:
>
> 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.
