css horizontal list menu

Hi everybody,

I am very happy to find this group. I am searching for a solution to
make a horizontal list menu with submenu on hover.

I found a lot of examples for horizontal lists which open vertical lists
on :hover i.e. http://phoenity.com/newtedge/horizontal_nav/

But what I am looking for is a horizontal list that opens another
horizontal list and both need to be right-floated.

<-- | menu4 | | menu3 | | menu2 | | menu1 |
<-- | menu2.3 - menu2.2 - menu2.1 |

[snip]
<ul class="nav">
<li>
<strong>menu1</strong>
</li>
<li>
<strong>menu2</strong>
<ul>
<li>
<a href="#">menu2.1</a>
</li>
<li>
<a href="#">menu2.1</a>
</li>
<li>
<a href="#">menu2.1</a>
</li>
</ul>
</li>
<li>
<strong>menu3</strong>
<li>
<strong>menu4</strong>
</li>
</ul>
[snip]

Verona Busch wrote:

Hi everybody,

I am very happy to find this group. I am searching for a solution to
make a horizontal list menu with submenu on hover.

I found a lot of examples for horizontal lists which open vertical
lists on :hover i.e. http://phoenity.com/newtedge/horizontal_nav/

But what I am looking for is a horizontal list that opens another
horizontal list and both need to be right-floated.

[snip]

Verona,

what you seem to be looking for is Javascript. You won't be able to realize
your navigation using CSS alone.
Here's a link that you may wish to check out:

http://software.xfx.net/

The program is called DHTML Builder Light and seems to be the software you
may be after.
If you'd like to see how it works, look here:

www.gymnasium-burgdorf.de

However, it's payware :-(

Mike
--
~~~~~~~~~~~~~~~
www.majaeger.de
~~~~~~~~~~~~~~~

Michael Jaeger wrote:

Verona Busch wrote:
Hi everybody,

I am very happy to find this group. I am searching for a solution to
make a horizontal list menu with submenu on hover.

I found a lot of examples for horizontal lists which open vertical
lists on :hover i.e. http://phoenity.com/newtedge/horizontal_nav/

But what I am looking for is a horizontal list that opens another
horizontal list and both need to be right-floated.

[snip]

Verona,

what you seem to be looking for is Javascript. You won't be able to realize
your navigation using CSS alone.
Here's a link that you may wish to check out:

http://software.xfx.net/

The program is called DHTML Builder Light and seems to be the software you
may be after.
If you'd like to see how it works, look here:

www.gymnasium-burgdorf.de

However, it's payware :-(

Mike
Thank you very much. The biggest Problem seems to be the fact, that css

is not able to write the unordered lists from the right to the left. I
am asking myself, if it will figure out the problem by using
DIR-Attributs, CSS.direction and css.unicode-bidi.

I cannot use javascript in a navigation context. Think about users with
javascript turned off.

Thanks Vero

Verona Busch wrote:

Michael Jaeger wrote:
Verona Busch wrote:
Hi everybody,

I am very happy to find this group. I am searching for a solution to
make a horizontal list menu with submenu on hover.

I found a lot of examples for horizontal lists which open vertical
lists on :hover i.e. http://phoenity.com/newtedge/horizontal_nav/

But what I am looking for is a horizontal list that opens another
horizontal list and both need to be right-floated.

[snip]

Verona,

what you seem to be looking for is Javascript. You won't be able to
realize your navigation using CSS alone.
Here's a link that you may wish to check out:

http://software.xfx.net/

The program is called DHTML Builder Light and seems to be the software
you may be after.
If you'd like to see how it works, look here:

www.gymnasium-burgdorf.de

However, it's payware :-(

Mike
Thank you very much. The biggest Problem seems to be the fact, that css
is not able to write the unordered lists from the right to the left. I
am asking myself, if it will figure out the problem by using
DIR-Attributs, CSS.direction and css.unicode-bidi.

I cannot use javascript in a navigation context. Think about users with
javascript turned off.

Thanks Vero
Yes this is it. <ul dir="rtl">. It's that simple. Forget CSS here. :-)

Also sprach Verona Busch:

Thank you very much. The biggest Problem seems to be the fact, that
css is not able to write the unordered lists from the right to the
left.

Wouldn't li { float: right; } do that?

Thomas Mlynarczyk wrote:

Also sprach Verona Busch:

Thank you very much. The biggest Problem seems to be the fact, that
css is not able to write the unordered lists from the right to the
left.

Wouldn't li { float: right; } do that?


No. Well maybe, but I couldn't figure it out. Did not work. This always

right-floated the text but never the li or ul itself. ;-) I spend a lot
of nights on this.

Also sprach Verona Busch:

Wouldn't li { float: right; } do that?
No. Well maybe, but I couldn't figure it out. Did not work. This
always right-floated the text but never the li or ul itself. ;-) I
spend a lot of nights on this.

The following produces
[Third ][Second ][First ]

li {
float: right;
}

a {
display: block;
width: 100px;
border: 1px solid red;
}

<ul>
<li><a href="#">First</a></li>
<li><a href="#">Second</a></li>
<li><a href="#">Third</a></li>
</ul>

Greetings,
Thomas

Thomas Mlynarczyk wrote:

Also sprach Verona Busch:

Wouldn't li { float: right; } do that?
No. Well maybe, but I couldn't figure it out. Did not work. This
always right-floated the text but never the li or ul itself. ;-) I
spend a lot of nights on this.

The following produces
[Third ][Second ][First ]

li {
float: right;
}

a {
display: block;
width: 100px;
border: 1px solid red;
}

ul
li><a href="#">First</a></li
li><a href="#">Second</a></li
li><a href="#">Third</a></li
/ul

Greetings,
Thomas



OK. Now try it on the submenu.

Verona Busch wrote:

Michael Jaeger wrote:
Verona Busch wrote:
Hi everybody,

I am very happy to find this group. I am searching for a solution to
make a horizontal list menu with submenu on hover.

I found a lot of examples for horizontal lists which open vertical
lists on :hover i.e. http://phoenity.com/newtedge/horizontal_nav/

But what I am looking for is a horizontal list that opens another
horizontal list and both need to be right-floated.

[snip]

Verona,

what you seem to be looking for is Javascript. You won't be able to
realize your navigation using CSS alone.
Here's a link that you may wish to check out:

http://software.xfx.net/

The program is called DHTML Builder Light and seems to be the
software you may be after.
If you'd like to see how it works, look here:

www.gymnasium-burgdorf.de

However, it's payware :-(

Mike
Thank you very much. The biggest Problem seems to be the fact, that
css is not able to write the unordered lists from the right to the
left. I am asking myself, if it will figure out the problem by using
DIR-Attributs, CSS.direction and css.unicode-bidi.

I cannot use javascript in a navigation context. Think about users
with javascript turned off.

For them you may wish to add a site map (as in www.gymnasium-burgdorf.de)

Mike
--
~~~~~~~~~~~~~~~
www.majaeger.de
~~~~~~~~~~~~~~~