Border radius not working in my web using firefox 18.0.2 using -moz or without
I'm using the code below for the menu of my web and it works perfect in Safari 5 and in my html editor Coda but the rounded corners are missing in Firefox 18.0.2 on my iMac, did tried several changes without success ¿can you help me please? The code:
<pre><nowiki><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Apple Menu In CSS3 Only</title>
<style type="text/css">
body {
background: #ddd;
margin: 30px;
#menu {
float: left;
padding: 0;
margin: 0;
/* Box Shadow */
box-shadow: 0 1px 0 #000;
-moz-box-shadow: 0 1px 0 #000;
-webkit-box-shadow: 0 1px 0 #000;
/* Rounded Corners */
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-top-left-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
/* Rounded Corners */
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 10px;
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
#menu ul {
border-top: #f3f3f3 1px solid;
padding: 0;
margin: 0;
float: left;
/* Background Gradient */
background-image: -moz-linear-gradient(top, #b4b4b4, #707070);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#b4b4b4), to(#707070));
#menu li {
float: left;
list-style: none;
background: none;
margin-right: 1px;
#menu a { outline: none; }
#menu li a:link, #menu li a:visited {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
display: block;
color: #262626;
padding: 12px 28px;
text-decoration: none;
text-transform: capitalize;
/* CSS3 Text Shadow */
text-shadow: 0px 1px 1px #fff;
/* CSS3 Background Gradient */
background-image: -moz-linear-gradient(top, #cacaca, #848484);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cacaca), to(#848484));
#menu li a:hover {
cursor: pointer;
color: #fff;
text-shadow: 0px -1px 1px #000;
/* Background Gradient */
background-image: -moz-linear-gradient(top, #929292, #545454);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#929292), to(#545454));
#menu li:first-child a, #menu ul {
/* Rounded Corners */
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-top-left-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
#menu li:last-child a, #menu ul {
/* Rounded Corners */
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 10px;
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
a.active:link, a.active:active, a.active:visited {
color: #fff !important;
text-shadow: 0px -1px 1px #000!important;
background-image: -moz-linear-gradient(top, #444, #666)!important;
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#444), to(#666))!important;
/* Box Shadow */
box-shadow: inset 0 0 10px #000;
-moz-box-shadow: inset 0 0 10px #000;
-webkit-box-shadow: inset 0 0 10px #000;
</style>
</head>
<body>
<div id="menu">
<ul>
<li><a class="active" href="index.html">home</a></li>
<li><a href="menu.html">menu</a></li>
<li><a href="project.html">projects</a></li>
<li><a href="affiliates.html">affiliates</a></li>
<li><a href="contact.html">contact</a></li>
</ul>
</div>
</body>
</html></nowiki></pre>
The code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Apple Menu In CSS3 Only</title>
<style type="text/css">
body {
background: #ddd;
margin: 30px;
#menu {
float: left;
padding: 0;
margin: 0;
/* Box Shadow */
box-shadow: 0 1px 0 #000;
-moz-box-shadow: 0 1px 0 #000;
-webkit-box-shadow: 0 1px 0 #000;
/* Rounded Corners */
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-top-left-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
/* Rounded Corners */
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 10px;
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
#menu ul {
border-top: #f3f3f3 1px solid;
padding: 0;
margin: 0;
float: left;
/* Background Gradient */
background-image: -moz-linear-gradient(top, #b4b4b4, #707070);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#b4b4b4), to(#707070));
#menu li {
float: left;
list-style: none;
background: none;
margin-right: 1px;
#menu a { outline: none; }
#menu li a:link, #menu li a:visited {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
display: block;
color: #262626;
padding: 12px 28px;
text-decoration: none;
text-transform: capitalize;
/* CSS3 Text Shadow */
text-shadow: 0px 1px 1px #fff;
/* CSS3 Background Gradient */
background-image: -moz-linear-gradient(top, #cacaca, #848484);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cacaca), to(#848484));
#menu li a:hover {
cursor: pointer;
color: #fff;
text-shadow: 0px -1px 1px #000;
/* Background Gradient */
background-image: -moz-linear-gradient(top, #929292, #545454);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#929292), to(#545454));
#menu li:first-child a, #menu ul {
/* Rounded Corners */
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-top-left-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
#menu li:last-child a, #menu ul {
/* Rounded Corners */
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 10px;
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
a.active:link, a.active:active, a.active:visited {
color: #fff !important;
text-shadow: 0px -1px 1px #000!important;
background-image: -moz-linear-gradient(top, #444, #666)!important;
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#444), to(#666))!important;
/* Box Shadow */
box-shadow: inset 0 0 10px #000;
-moz-box-shadow: inset 0 0 10px #000;
-webkit-box-shadow: inset 0 0 10px #000;
</style>
</head>
<body>
<div id="menu">
<ul>
<li><a class="active" href="index.html">home</a></li>
<li><a href="menu.html">menu</a></li>
<li><a href="project.html">projects</a></li>
<li><a href="affiliates.html">affiliates</a></li>
<li><a href="contact.html">contact</a></li>
</ul>
</div>
</body>
</html>
Similar Messages
-
Border-Radius Not Working in IE11 - any SharePoint Constraints?
Hi all,
I can't get Border-Radius to render rounded corners on my Divs. Is this an IE 11 or SharePoint constraint I am facing? I am not in compatibility mode.
Thanks,
Kelly
Personal Blog: http://thebitsthatbyte.comKelly,
Try opening up Dev Tools (F12) and setting the browser mode to edge. Does this have any effect on the rendering of your CSS? If it does - you have an X-UA-Compatible tag in your master page and the value is set to IE8.
It's not recommended you remove this because it breaks some functionality on the authoring side. What you could do is replace that line with this:
<Sharepoint:SPSecurityTrimmedControl
runat="server"
Permissions="AddAndCustomizePages"><meta
http-equiv="X-UA-Compatible"
content="IE=8"/></SharePoint:SPSecurityTrimmedControl>
And it will show at the appropriate times I believe. You can read more about the control here:
http://www.markadrake.com/blog/2013/11/21/public-sharepoint-sites-and-ie8-compatibility/
If this doesn't work please let me know. -
Skinning- Border Radius not working in IE8 / IE7
Hi,
Jdev Version: 11.1.1.5.
I have styled my command button with the border-radius. The curved edges are not showing up in Internet Explorer 7 / 8.
IE9, firefox and chrome rendering them properly.
my CSS code..
af|commandButton.testButton
background-color: Black;
color: White;
width: 85px;
height: 30px;
font-family: Calibri;
font-size: larger;
border-radius: 10px;
behavior: url(PIE.htc);
I got line num# 10 from http://css3pie.com/about/
But no luck. Can anyone help me ??
Thanks,
Saif.Question: have you installed PIE on the IE?
Or have you just copied the line 10?
You have to install the PIE extension and hope that it work, see Getting Started &#8211; CSS3 PIE: CSS3 decorations for IE
Timo. -
Flash Player Does not work at few Web Sites
I was using Flash Player 10 somehow it suddenly forced me to install the latest Flash Player and I did it. Now it does not work at few web sites but works on other. The web sites where it does not work I am including the screenshots. when I want to watch video on these sites it says loading ad and it keeps on like never ending please advise below are the screenshots of the two web sites where it does not work
Satbahadur
My Device is HP Laptop and I have Windows xpHi Chris
I checked on my daughters MAC laptop too its not working on it too. I may
try getting adblocker then I will try again. Thanks for your quick
attention I appreciate your help
Satbahadur
Message was edited by: Satbahadur Chris Sorry to add some more info I tried one adblocker called simple blocker but now the video does not load I am confused don't know what is possible Please advise when ever you have time Thanks again -
I am trying to set an open DNS using the MacAir. But when I tried to flush the existing one at utilities/terminal, it will not work. I am using Yosemite. May I know what should be the command line so that I can shift to an open DNS? Thanks
>SystemPreferences>Network>DNS
-
My gps is not working. I cannot use turn-by-turn navigation in google maps. I downloaded a GPS test app and it showed my phone is not locking on any satellites. How can I correct this?
We certainly want to make sure you get the most out of the GPS, wplaxico! Was this tested primarily outdoors? When did this begin? Any other recent apps of updates installed when this started?
Thank you,
YaleK_VZW
Follow us on Twitter @VZWSupport
If my response answered your question please click the �Correct Answer� button under my response. This ensures others can benefit from our conversation. Thanks in advance for your help with this!! -
i m using apple mac pc, when we start windows 7 , apple mouse doesn't work properly it take to much time to gain signals from the pc and many times it not work but when we use mac it moves fastly and works properly. please suggest me.
thanks
ravi
<Email removed by Host>sounds more like Bluetooth rather than moue, but w/o knowing w/o posting mac model type/year we... will... not... know... what you have
All computers are personal computers, a PC though is also "non-Apple" in common usage.
Mac also is platform and OS.
Very confused reading what you are trying to tell us. -
Hello, my isight camer is not working properly, i was using photo booth and suddenly the image was black or too dark and also ichat and facetime are too dark as well, please helpme out i can not find any solution.
read this and see if it helps: http://support.apple.com/kb/ht2090
-
I am having trouble with my iPad, i can start it, but the iPad does not work. i tried to use the power and home button at the same time, the apple logo appears, but the iPad does not work. What am I suppose to do?
After the Apple logo appears, what happens then? Can you hear any sounds or if you tap on the screen, does it seem like apps can open or are you just seeing a black screen? You might have a hardware problem, but you can try restoring the software and see what happens.
Read this in its entirety before you do anything. Make sure you read the sections at the end about using recovery mode.
iTunes: Restoring iOS software - Support - Apple -
My ipad 1 is stuck on IOS 4 as these IOS 5 update instructions do not work. When I use itunes update the software looks for an IOS 5 software update file and the apple site doesn't seem have one anywhere!
If you have an iPad 1, the max iOS is 5.1.1. For newer iPads, the current iOS is 6.0.1. For the iPad Mini the iOS is 6.0.2. The Settings>General>Software Update only appears if you have iOS 5.0 or higher currently installed.
iOS 5: Updating your device to iOS 5 or Later
http://support.apple.com/kb/HT4972
How to install iOS 6
http://www.macworld.com/article/2010061/hands-on-with-ios-6-installation.html
iOS: How to update your iPhone, iPad, or iPod touch
http://support.apple.com/kb/HT4623
If you are currently running an iOS lower than 5.0, connect the iPad to the computer, open iTunes. Then select the iPad under the Devices heading on the left, click on the Summary tab and then click on Check for Update.
Tip - If connected to your computer, you may need to disable your firewall and anitvirus software temporarily. Then download and install the iOS update. Be sure and backup your iPad before the iOS update. After you update an iPad (except iPad 1) to iOS 6.x, the next update can be installed via wifi (i.e., not connected to your computer).
Cheers, Tom -
The rating system is not working. I'm using LR 5.4 on a Mac with OS 10.8.5. Any suggestions please?
Firefox 4 requires at least OS X 10.5 and an Intel Mac. There is a third party version of Firefox 4 that runs on OS X 10.4/10.5 and PPC Macs, for details see http://www.floodgap.com/software/tenfourfox
If you prefer, you can get the latest version of Firefox 3.6 from http://www.mozilla.com/en-US/firefox/all-older.html -
I have a disc of Creative Cloud 6. Acrobat Pro does not work. I have used the other programs and they are fine, but when I try to open Acrobat Pro nothing happens. I am using Microsoft System 7.
what's creative cloud 6? do you mean cs6?
what version of acrobat pro do you have installed and what are you clicking to start it? -
Hello I am using Ipad 4 and its charger is not working while I was using it few days before and it was working properly now it says that the cable does not support this Ipad Please Help me out.
Try a reset:
- Hold the home button and sleep/wake button down at the same time. When the Apple logo appears release both buttons then try and charge again.
If issue persists try:
- Another known working cable
- Check the charging port for any damage or debris
- You could also use a dry soft bristle toothbrush and gently brush it on the port to clean it of any debris that could be in there -
How do you do anchors - the three ways listed did not work. I am using the jQuery mobile template 11. I want to link to a spot on the same page.
How do you do anchors - the three ways listed did not work. I am using the jQuery mobile template 11.
You have aroused my curiousity, what are three ways listed that do not work? At risk of being labeled as an ignoramus, could you also tell me where to get the other 10 templates?
I usually give an element an ID and use that in my link as in
<a href="#mySpot">Go to my spot</a>
<div id="mySpot">
</div> -
I updated my Apple Iphone 3GS this morning and now my charger will not work. I can use my boyfirends just fine but mine will not worl at all. Why is this and is there anything that I can do?
Something is wrong with your charger or cable.
If it works with another charger, then it is not the iphone
Maybe you are looking for
-
Hi! I made a tree that shows data from 2 tables. When i pick one of the items in this tree, The tree gives me the ID and put it in a text field. Now, I want an event that gives me some values using this ID and later fill some text fields in the same
-
Ringtones (stock, NOT custom) no longer work.
Ok, I searched around, and all i found was hundreds of custom ringtone threads...which dont pertain to this problem. (and I think we need just a few more rebate discussions, there are only about 20 per page). Anyway, I ran the first update last week
-
Query with Item info sales and purchase quantity
Hello, I have an query were i want to report an total quantity of sales and purchase. But it is not working. SELECT T2.CardName, T0.ItemCode, T0.ItemName, T0.OnHand, T0.IsCommited AS 'Bevestigd', T0.OnOrder AS 'In Bestelling', T0.SuppCatNum AS 'Lever
-
Non-acknowledgement of plugged in Ethernet Cable
Greetings! This evening, when plugging in my laptop to the LAN network at my work, I encountered a problem that I am afraid may be signaling the need for expensive repair. Although I plugged in a working Ethernet cable (I verified on this computer!),
-
LMS 3.2: DFM3.2.0 error
I faced one problem about my ciscoworks 3.2 which is DFM3.2.0 cannot up. others likes RME,CM and IPM was successfully running and configured. i have added devices to DFM, the devices on learning status. so that, all other functions cannot be configur