Menu Centering and menu border question
Hi all, I am trying to figure out how to simply center my menu. the website is www.blackfridayo.com
I simply want to center the menu not spread it out. The other issue is I want the border 1px line to be removed under the menu items so the menu items will look like a file folder tab when live. Any help? I searched for an answer but only could find 2-3 year old answers for centering and spreading out the menu items. Thanks, Allynmey |
There are several ways to do that. One is to use %page-center instead fo %pages for the menu. You will probably have to fiddle with CSS to "clean it up". Another which should work as long as you don't add menu items is by adding the following, in your case, to ATO>Add HTML/CSS Inserts>CSS Inserts. I only could do a virtual test however.
HTML Code:
#header { |
Thanks Larry, that worked just fine. The last thing on menus... If the 1px item underneath the menu was gone, the active menu items would look like folder tabs. To me, that would be awesome! any ideas?
Allyn |
Try adding the following to the CSS Inserts
HTML Code:
#rmenu2 a { |
Larry that works great! There is one problem with it though. there is a 1px extention of the header color before and after the menu. I fixed that by enabling %bar2 in the header properties and changing it to the same color as the body below. It makes it a perfectly smooth line across.
Thanks for all your help. This one should be bookmarked for future use! |
try
HTML Code:
div#menu1 #rmenu2 li a { border-bottom: solid 1px white; } |
All times are GMT -6. The time now is 07:12 AM. |
Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.