Forum:Border radius

Hello!

I'm quite not good with css, but I wanted to introduce the "border radius" function on my wiki.

This is the css page: http://it.simpsons.wikia.com/wiki/MediaWiki:Wikia.css

The template-class I want to apply this feature is the "nav collapsible collapsed": here's an example of template of this template class: http://it.simpsons.wikia.com/wiki/Template%3AStagione_1

I wanted to use this border radius (i've found it on a site); There was a code for use this type of border:

{ height: 5em; width: 12em; -moz-border-radius: 1em 4em 1em 4em; border-radius: 1em 4em 1em 4em; }

Can you edit the css in order to do that? And then...all templates of the class that I've mentioned will edit themself or I have to put a code in anyone?

Thank you very much!--Cento93 10:45, April 10, 2012 (UTC)


 * Class selectors in CSS begin with . So for example, in this case, you can use   to apply that CSS to all elements with the   class. If you only want it on collapsible ones, you can use  . This will select all elements with both the   and   classes.


 * Thank you! It works! There's only a problem that I didn't expected. There's a way to adapt the bar in which it's written "Stagione 1" at the border? 8http://it.simpsons.wikia.com/wiki/Template%3AStagione_1) --Cento93 12:13, April 10, 2012 (UTC)


 * Finally I didn't do that that I've wrote here, but I use your suggestion to make other edits! Thank you!--Cento93 12:36, April 10, 2012 (UTC)


 * By the way, the rounded borders code that you've added only works in a few browsers. You should really try to make the appearance look consistent in as many browsers as possible. See this page for more information. --Gardimuer { ʈalk } 15:22, April 11, 2012 (UTC)