PDA

View Full Version : Horizontal menu



mblascog
03-23-2013, 01:48 PM
Hi,
I'm trying to make an horizontal menu with some options to the left and some options to the right, like this:

Option1 Option2 Option3 ............................................ Option4 Option5


I've done a list (<ul>), formatted with css, but I don't know how to move the 2 options to the right.

Can anybody give me an idea?
Thanks very much

Beverleyh
03-23-2013, 02:16 PM
Just guessing but you might be able to style those 2 buttons with float:right (all <li>s with a specific width and set as display:inline-block)

If you need more help, please post a link to your web page.

mblascog
03-23-2013, 05:45 PM
Thanks for your answer. I've tried to add what you have suggested, but the result has been that the buttons has been changed their order, instead of displaying them for left to right, they have been displayed right to left, but in the same position.

I've saved part of the web in this link.
http://www.tepui.cat/francana/

Thanks very much.

Beverleyh
03-23-2013, 06:08 PM
It works for me - the left hand buttons set as float:left; and the right-hand buttons set as float:right;

View the source code to check the logic - I've stripped it back and kept it really simple so you can see what I've done. Just apply the CSS to your own menu. http://fofwebdesign.co.uk/template/_testing/left-right-menu.htm

mblascog
03-23-2013, 06:10 PM
Uau!!! this is what I really want. I'm going to take a look at the source code and try it. Thanks very much

mblascog
03-23-2013, 06:37 PM
Perfect!! problem solved thanks to you

Beverleyh
03-23-2013, 06:44 PM
Glad you sorted it :)