Hi.
I tried it and it didn't work, and then looked at it with firebug and changed
it a little. The ul that contains the menu has the class menu, in this case.
As you wrote the css, it says ul which is somewhere in some element with class
menu.
So I changed the definitions like this:
ul.menu{
font-weight: bold;
width: 100%;
padding: 6px 0 7px 0;
margin: 0;
text-align: right;
}
ul.menu li{
display: inline;
}
ul.menu li a{
color: #494949;
padding: 6px 3px 4px 3px;
margin-right: 20px;
text-decoration: none;
border-bottom: 3px solid gray;
}
ul.menu li a:hover, ul.menu li a.selected{
border-bottom-color: black;
}
It's horizontal now.
regards
mmlado
On Sunday 30 August 2009 19:26:44 Yannick wrote:
> Thanks for the note mmlado... I tried that before it works BUT what i
> meant is when i change the class to my customize CSS horizontal menu
> (NOT this one web2py-menu web2py-menu-horizontal" ) it always appear
> as Vertical menu...
> Here is my Horizontal CSS menu:
>
> .menu{
> font-weight: bold;
> width: 100%;
> }
>
> .menu ul{
> padding: 6px 0 7px 0;
> margin: 0;
> text-align: right;
> }
>
> .menu ul li{
> display: inline;
> }
>
> .menu ul li a{
> color: #494949;
> padding: 6px 3px 4px 3px;
> margin-right: 20px;
> text-decoration: none;
> border-bottom: 3px solid gray;
> }
>
> .menu ul li a:hover, .menu ul li a.selected{
> border-bottom-color: black;
> }
>
> and in the Built-in function Menu this is what i have:
> {{=MENU(response.menu, _class = 'menu')}}
>
>
> Any idea why i have that behavior ?
>
> Thanks mate.
>
> Yannick P.
>
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"web2py-users" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to
[email protected]
For more options, visit this group at
http://groups.google.com/group/web2py?hl=en
-~----------~----~----~----~------~----~------~--~---
