Anyone have sample CSS for horizontal menus?

0 views
Skip to first unread message

mike

unread,
Nov 15, 2009, 9:31:56 PM11/15/09
to weblocks
Just wondering if anyone has made working navigation menus which
render horizontally instead of the current default vertical, and is
willing to share the CSS secrets.

Cheers

Mike

nunb

unread,
Nov 16, 2009, 6:00:31 AM11/16/09
to weblocks
There is http://aulapolska.pl/ which has a horizontal menu.

Leslie P. Polzer

unread,
Nov 16, 2009, 2:00:25 PM11/16/09
to weblocks
On Nov 16, 3:31 am, mike <mpheas...@gmail.com> wrote:
There are a lot of recipes for this floating around on the net;
it shouldn't be hard to find one that suits you.

But if you hit a specific problem please ask again. :)

Leslie

petter

unread,
Dec 1, 2009, 6:28:29 PM12/1/09
to weblocks


On Nov 16, 3:31 am, mike <mpheas...@gmail.com> wrote:
Try this to your menu.css

--- INDEX/pub/stylesheets/menu.css
+++ WORKDIR/pub/stylesheets/menu.css
@@ -1,7 +1,7 @@

.menu
{
- width: 15em;
+ width: 100%;
/* background: #d8eaf8 url(/weblocks-common/pub/images/menu/
top_background.png) repeat-x;*/
}

@@ -35,6 +35,8 @@
.menu ul li
{
padding-left: 0;
+ float: left;
+ width: 10%;
}

.menu ul li.selected-item

Phil Marneweck

unread,
Dec 2, 2009, 4:12:28 AM12/2/09
to webl...@googlegroups.com
Hi

Implemented nearly all attributes for "render" methotds of the various
elements in html.lisp

Implemented nearly all attributes for for input-presentation (aka input
element).

Much of this is untested because there are so many variables to test.

For those that are interested the change can be found here:

http://bitbucket.org/harag/weblocks-dev/changeset/296ba5092aa7/

Regards



petter

unread,
Dec 2, 2009, 12:08:30 PM12/2/09
to weblocks


On Nov 16, 3:31 am, mike <mpheas...@gmail.com> wrote:
Hi,

I replied to your message, but it seems like it got lost somehow.
Here's a copy:

On Nov 16, 3:31 am, mike <mpheas...@gmail.com> wrote:

Try this to your menu.css

--- INDEX/pub/stylesheets/menu.css
+++ WORKDIR/pub/stylesheets/menu.css
@@ -1,7 +1,7 @@

.menu
{
- width: 15em;
+ width: 100%;
/* background: #d8eaf8 url(/weblocks-common/pub/images/menu/
top_background.png) repeat-x;*/
}

@@ -35,6 +35,8 @@
.menu ul li
{
padding-left: 0;
+ float: left;
+ width: 10%;
}

.menu ul li.selected-item

Best regards
Petter

petter

unread,
Dec 2, 2009, 12:11:10 PM12/2/09
to weblocks
Sorry about the re-post. I was confused about the change of subject of
the thread. Haven't really used Google Groups that much.
Reply all
Reply to author
Forward
0 new messages