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 :)
Powered by vBulletin® Version 4.2.2 Copyright © 2021 vBulletin Solutions, Inc. All rights reserved.