We have some fantastic news for our Android fans. We’re so excited to announce that the Linux Academy Android app is now available with Chromecast support. That’s right – simply download the latest update of the Linux Academy App and start casting your favorite course videos!
COURSE of the MONTH
11 days, 1 hour left to enrollBecome a Premium Member and unlock a new, free course in leading technologies each month.
Solved
JQuery Plugin Rounded corners
Posted on 2010-11-15
I'm trying to get borders to display properly with this plugin:
http://jquery.malsup.com/corner/
On the page it says to use the keep option, but it does not give an option to specify what colour the border should be , if I specify the type of border in a stylesheet: like (border:1px solid #d4d4d4;) it shows the border great in firefox, but in ie6 and 8 it shows the border but not to the contours of the rounded box (ie square)
Has anyone had any experiences with this and can offer a solution?
Code Below
Darren
http://jquery.malsup.com/corner/
On the page it says to use the keep option, but it does not give an option to specify what colour the border should be , if I specify the type of border in a stylesheet: like (border:1px solid #d4d4d4;) it shows the border great in firefox, but in ie6 and 8 it shows the border but not to the contours of the rounded box (ie square)
Has anyone had any experiences with this and can offer a solution?
Code Below
Darren
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="http://github.com/malsup/corner/raw/master/jquery.corner.js?v2.11"></script>
<style>
#headerticket{
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd', endColorstr='#c8d0d6');
-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd', endColorstr='#c8d0d6');
background: -moz-linear-gradient(top,#fdfdfd,#c8d0d6);
background:-webkit-gradient(linear,left top,left bottom,from(#fdfdfd),to(#c8d0d6));
height:100px;
width:100px;
border:1px solid #d4d4d4;
}
</style>
<script type="text/javascript">
$(function(){
$('#headerticket').corner("keep");
});
</script>
</head>
<body>
<div id='headerticket'></div>
</body>
[X]
Welcome to Experts Exchange
Add your voice to the tech community where 5M+ people just like you are talking about what matters.
- Help others & share knowledge
- Earn cash & points
- Learn & ask questions
-
2
3 Comments
I'm not sure of how this plugin works, but you should now that CSS3 properties for rounding object's corners (in wich standard jquery rounding is based) doesn't work on current IE versions because they're not implemented yet.
You can take a look at this msdn article where IE rounding corners is explained.
http://msdn.microsoft.com/en-us/library/bb250413%28VS.85%29.aspx
You can take a look at this msdn article where IE rounding corners is explained.
http://msdn.microsoft.com/en-us/library/bb250413%28VS.85%29.aspx
Hi,
The plugin works fine generally with rounding div's it just does not handle the borders very well, have know used curvycorners to tackle this problem.
Darren
The plugin works fine generally with rounding div's it just does not handle the borders very well, have know used curvycorners to tackle this problem.
Darren
Featured Post
Question has a verified solution.
If you are experiencing a similar issue, please ask a related question
When it comes to write a
Context Sensitive Help
(an online help that is obtained from a specific point in state of software to provide help with that state)
,
first we need to make the file that contains all topics, which are given exclusive IDs. …
This article discusses how to implement server side field validation and display customized error messages to the client.
This tutorial will teach you the core code needed to finalize the addition of a watermark to your image. The viewer will use a small PHP class to learn and create a watermark.
In a recent question (https://www.experts-exchange.com/questions/29004105/Run-AutoHotkey-script-directly-from-Notepad.html) here at Experts Exchange, a member asked how to run an AutoHotkey script (.AHK) directly from Notepad++ (aka NPP). This video…
- Shell Scripting
- Programming Languages-Other
- Scripting Languages
- Programming
- Notepad
- *AutoHotkey, *Scripts
Suggested Courses
Course of the Month11 days, 1 hour left to enroll
770 members asked questions and received personalized solutions in the past 7 days.
Join the community of 500,000 technology professionals and ask your questions.