I am trying to get rounded menu buttons on my website, this is what I tried but it doesnt work, I don't know why, my guess was that the language im using for the button is CSS and i've been using html throughout the entire page?

<!---buttons--->

<div id="navigation"><a href="www.google.com"> Home </a> </div>

#navigation a
{
color: #000;
background #fb0
text-decoration: none
}

Have you tried putting the navigation in the "a" tag? IE,
<a id="navigation" href="http://www.google.com"> Home </a> or <a class="navigation" href="http://www.google.com"> Home </a>

(My apologies if that's not correct; CSS is not one of my strong suits :blush:)

you can't get rounded buttons with css alone. You need to create rounded graphics and then use as background image for the element in question. The web is a grid, boxes, and lines only. To get curves you need graphics or extremely complex css (doesn't always degrade nicely). There are commands for roundedness in advanced css specifications but I believe only mozilla and safari can read them natively. I could be wrong though.

You could also try using NiftyCube too, if you don't feel like creating the necessary images for the rounded corners. It utilizes Javascript.

http://www.html.it/articoli/niftycube/index.html

Also, while HTML is the markup, CSS is the style (visual appearance) of the markup, so they are _meant_ to operate together.

I would suggest you create the buttons usin Fireworks from adobe or similar application. Then as metioned before you use those as backgrounds and *tada* rounded buttons. I even thing there are free buttons for download on the web that can be used.

<!---buttons--->

<div id="navigation"><a href="www.google.com"> Home </a> </div>

#navigation a
{
color: #000;
background #fb0
text-decoration: none
}



What on Earth made you think that this code would make you rounded buttons?!
All that will do is set the colors.

Advice: Learn CSS (And how to use stylesheets without embedding into an HTML page)
CSS is one of the easiest languages to learn in my opinion and should take no more than an hour to master the basics. :agree:

Found this:

rounded-corners-using-css (http://www.cssjuice.com/rounded-corners-using-css/)

Found this:

rounded-corners-using-css (http://www.cssjuice.com/rounded-corners-using-css/)

That's not something a CSS beginner should even try to use. It's not only extremely advance, but also not compatible with Internet explorer, which is used very commonly.

Nice reading though :)

Yes I just thought it was intresting :) Maybe in a future it will be compatible with all browsers.