Firefox not displaying rounded borders

Firefox not displaying rounded borders

av ~ Longbarrow ~ -
Antall svar: 9

Hi

Firefox is displaying the rounded borders on most boxes correctly except for the category box and course boxes. This is my css:

.categorybox, .categoryboxcontent,
.coursebox, .courseboxcontent {
  -moz-border-radius:20px;
  }

I have also tried:

.categorybox, .categoryboxcontent,
.coursebox, .courseboxcontent {-moz-border-radius-topleft:20px;
  -moz-border-radius-topright:20px;
  -moz-border-radius-bottomleft:20px;
  -moz-border-radius-bottomright:20px; }

But that doesn't work either. It isn't overridden anywhere else in the css that I can see. Any thoughts?

Thanks

Longbarrow

Gjennomsnittlig vurdering: -
Som svar til ~ Longbarrow ~

Re: Firefox not displaying rounded borders

av ~ Longbarrow ~ -

Thought I'd show you the problem with a pic:

I have made .categoryboxcontent with 3px black border and the background red so that you can see the problem more clearly. The rounded shape is there, but it has a square border.

Please help! What could have I missed?

Longbarrow

Vedlegg rounded_corners.gif
Gjennomsnittlig vurdering: -
Som svar til ~ Longbarrow ~

Re: Firefox not displaying rounded borders

av Tim Hunt -
Bilde av Core developers Bilde av Documentation writers Bilde av Particularly helpful Moodlers Bilde av Peer reviewers Bilde av Plugin developers
Try using the DOM Inspector in Firefox to check which element has the red background with rounded corner, and which has the black border. I suspect that the black border is coming from a different element.

If you don't know about DOM Inspector yet, and trying to diagnose CSS problems, then you are really missing out.

http://www.mozilla.org/projects/inspector/
http://www.brownhen.com/DI.html#use

Tim.

Gjennomsnittlig vurdering: -
Som svar til Tim Hunt

Re: Firefox not displaying rounded borders

av ~ Longbarrow ~ -
Yes, well, I've been using the web developer's extension in firefox ... still no luck though sad
Gjennomsnittlig vurdering: -
Som svar til ~ Longbarrow ~

Re: Firefox not displaying rounded borders

av Helen Foster -
Bilde av Core developers Bilde av Documentation writers Bilde av Moodle HQ Bilde av Particularly helpful Moodlers Bilde av Plugin developers Bilde av Testers Bilde av Translators
Hi,

Perhaps you could try using Andy Walker's CSS inspector - the latest version is very cool! cool
Gjennomsnittlig vurdering: -
Som svar til Helen Foster

Re: Firefox not displaying rounded borders

av ~ Longbarrow ~ -
I'll give that a go - thanks! 
Gjennomsnittlig vurdering: -
Som svar til ~ Longbarrow ~

Re: Firefox not displaying rounded borders

av Julian Whitehead -
Did you manage to fix this? I have just successfully upgraded to 1.7+ (hurray), when I fist logged in I had all the nice lovely curves.

I added my old theme from my old 1.6 installation, and I still had the curves, it was only when I updated the frontpage. I lost the rounded corners.

I realise that I probably need to give you some more information, my installation is pretty standard on a Cpanel Server. Its not a disaster to lose the corners as we only have IE in school, but those at home use FF (or those in the know).

Any thoughts - I am a CSS novice.

Ta
Julian
Gjennomsnittlig vurdering: -
Som svar til ~ Longbarrow ~

Re: Firefox not displaying rounded borders

av Joseph Rézeau -
Bilde av Core developers Bilde av Particularly helpful Moodlers Bilde av Plugin developers Bilde av Testers Bilde av Translators
Hello,
Which theme are you using? Which Moodle version? Anyway, adding border-style:none; to your CSS declaration gives the result shown in attached screen shot:
td.categoryboxcontent {
-moz-border-radius-topleft:20px;
-moz-border-radius-topright:20px;
-moz-border-radius-bottomleft:20px;
-moz-border-radius-bottomright:20px;
background-color: #FF0000;
border-style:none;
}
Joseph
Vedlegg image000.jpg
Gjennomsnittlig vurdering: -
Som svar til Joseph Rézeau

Re: Firefox not displaying rounded borders

av Julian Whitehead -

I am using Clouds theme (slightly modified) and just upgraded to 1.7+

Where should I add the above code, in styles-layout.css or the moz version?

What I don't understand is the fact that it did work, then it stopped.

I am not going to lose any sleep over it, its just the only thing I have lost on the upgrade.

Thanks for the help

Gjennomsnittlig vurdering: -
Som svar til Julian Whitehead

Re: Firefox not displaying rounded borders

av Joseph Rézeau -
Bilde av Core developers Bilde av Particularly helpful Moodlers Bilde av Plugin developers Bilde av Testers Bilde av Translators
Where should I add the above code, in styles-layout.css or the moz version?

If you have this in your theme's config.php file:

$THEME->sheets = array('styles_layout', 'styles_fonts', 'styles_color', 'styles_moz');

then you could simply add the line in red to your styles_moz.css file (around line 85):

.categorybox, .categoryboxcontent,
.coursebox, .courseboxcontent {
-moz-border-radius:20px;
border-style:none;
}

Joseph

Vedlegg image000.jpg
Gjennomsnittlig vurdering: -