HTML Help

it worked!

mattyp — Fri Jun 19, 2009 6:00 pm

Author: mattyp

Posted: Fri Jun 19, 2009 6:00 pm

Thanks!

Re: How can I make the menu bar on my site have rounded corners

sticks464 — Fri Jun 19, 2009 2:33 pm

Author: sticks464

Posted: Fri Jun 19, 2009 2:33 pm

You may have to use a more relative path. Try adding this style rule

Code:

#sidebar #sidebar-content ul li h2 {
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}

Hi sticks464

mattyp — Fri Jun 19, 2009 8:57 am

Author: mattyp

Posted: Fri Jun 19, 2009 8:57 am

The Menu with rounded corners Worked! but the sidebar did not

}
#sidebar h2 {
padding: 4px 20px;
background: #699C4D;
font-size: 1.2em;
color: #FFFFFF;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}

Anything else we can do to make it work?

Thanks,
Matt

Re: How can I make the menu bar on my site have rounded corners

sticks464 — Thu Jun 18, 2009 10:26 pm

Author: sticks464

Posted: Thu Jun 18, 2009 10:26 pm

Due to the fact your using blog software and the sidebar h2 is inside a ul the div with images will not work for you. But this will

Code:

#menu {
float: right;
background: #699C4D;
border-top: ;
margin: -75px 185px 30px 20px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}
#sidebar h2 {
padding: 4px 20px;
background: #699C4D;
font-size: 1.2em;
color: #FFFFFF;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}

It's basically the same as nikki posted only condensed. That's all you have to do is add the two rules to each style element you want to have round corners. Adjust the 8px to your liking.

WILL NOT WORK IN IE but will in all other browsers. The only way to make IE look like the other browsers is to use a background image.

Delete the css you put in from the generator.

Hi sticks464

mattyp — Thu Jun 18, 2009 7:02 pm

Author: mattyp

Posted: Thu Jun 18, 2009 7:02 pm

I tried the round corner generator but am unsure where to copy/paste into the CSS for #menu . . .

can u give me some direction.

what do I need to add to the html?

Re: How can I make the menu bar on my site have rounded corners

sticks464 — Thu Jun 18, 2009 10:22 am

Author: sticks464

Posted: Thu Jun 18, 2009 10:22 am

Give this round corner generator a try

Re: How can I make the menu bar on my site have rounded corners

nikki — Thu Jun 18, 2009 10:20 am

Author: nikki

Posted: Thu Jun 18, 2009 10:20 am

add css to the first <li> tag i.e About us

li.first{
-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
}

add the following ccs for the last <li> tag i.e, Blog

li.last{
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
}

How can I make the menu bar on my site have rounded corners

mattyp — Thu Jun 18, 2009 8:38 am

Author: mattyp

Posted: Thu Jun 18, 2009 8:38 am

How can I make the menu bar on my site have rounded corners and more dimension? Also the box on the right hand side?

www.ramsocialmedia.com

thanks,
Matt[/url]