Page bar, weird borders
Hi everyone,
If you look at my blog www.nuitdemalade.org, you can see that my page bar has weird border. It seems to be 2 round corners on the selected page. How can I remove it? Here is my css code : div#menu1 ul.rMenu { background: transparent; } /* round corners for page menu bar items */ div#menu1 ul.rMenu li, div#menu1 ul.rMenu li a {font-size:15px; letter-spacing: 1.5px; border-left: solid 1px #ffffff; border-right: solid 1px #ffffff; -webkit-border-top-left-radius: 11px; -webkit-border-top-right-radius: 11px; -moz-border-radius-topleft: 11px; -moz-border-radius-topright: 11px; border-top-left-radius: 11px; border-top-right-radius: 11px; } Thank you |
A start is to remove the left and right borders and use a right margin to separate the menu items. After a quick look I am not sure what else is needed but I would play around with any code you added or changed.
|
All times are GMT -6. The time now is 05:55 AM. |
Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.