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?