[SOLVED] Need help rounding corners for Page menu bar
I hired someone to create 'tabs' for me, similar to what this blogger has at www.sluiternation.com.
They just rounded the edges of my page menu and I hated it...so I have been reading the forum here trying to figure it out on my own. This is as far as I have been able to get on my own...and I am content with the shape of the tabs, but I want to color them but when I do, I can't get rid of the background between the tabs. Also, that dotted grey line won't go away. www.therebelchick.com This is what I have in Add HTML/CSS Inserts: /* round corners for page menu bar items */ div#menu1 ul.rMenu li, div#menu1 ul.rMenu li a { float: left; margin-right: 10px; -webkit-border-top-left-radius: 30px; -webkit-border-top-right-radius: 30px; -moz-border-radius-topleft: 30px; -moz-border-radius-topright: 30px; border-top-left-radius: 20px; border-top-right-radius: 20px; } I've seen another thread with info about transparent background, but I can't seem to get it to work with mine. My div# line is different so perhaps that is why? |
Since you want to affect the menu bar itself just use #menu1 as the selector. You just have to add the !important to override the internal CSS.
HTML Code:
#menu1 { |
All times are GMT -6. The time now is 01:24 PM. |
Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.