evenly spaced page menu bars
hi, i was wondering if it is possible to space out the menus to spread across the page evenly. I dont have many page menus so i think it looks a little weird having them all bunched up on the left. so anyway to spread them out? thanks
|
I am also wondering how to do this. thanks!
|
Not evenly in the sense that the distance changes automatically depending on the amount of menu tabs, but you can give each menu tab a fixed left or right margin at HTM/CSS Inserts -> CSS Inserts:
HTML Code:
ul.rMenu li { |
I'd be interested in a "supported" solution to this as well. In the mean-time, I've kludged this together and it works for me...
Under "Page Menu Bar" options, "Font Size & Face," I replaced the default: 11px Arial, Verdana, sans-serif with: 6px Arial, Verdana, sans-serif; font-weight: bold; width: 9em; text-align: center Which gives even-spacing (with the width attribute), and also centers each page title (with the text-align attribute) in each menu box. ETA - Hi, Flynn! Looks like I was too slow on the draw and you already replied! ;) |
Hi ,
I would also like this feature in my menu. Thanks |
I had posted a similar question and Flynn, you solved in aces here! I didn't think of the reset of the sub-menu list! I would suggest a modification to Flynn's fix though. Using a fixed spacing wouldn't work for me so I added the following instead...
Code:
/* space menu items across width */ Works great for me! Thank you Flynn! Ken |
This is getting closer and closer to what I wanted in the first place, myself... However, using any of these methods we have discussed so far, I still have an empty cell (albeit very, very small) on the far right of the menu bar. Is it possible to completely eliminate that final empty cell?
|
You can give the first item a specific style with CSS
li:first-child { ... } |
All times are GMT -6. The time now is 03:01 PM. |
Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.