473,699 Members | 2,416 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

rounded corners in which my border color is different than the background color

Hi,

I was recently exploring JQuery and the rounded corner plugin -http://
methvin.com/jquery/jq-corner-demo.html, unfortunately, this plug-in
seems to only apply to rounding corners in the background. I would
like to have a rounded corner border in which the border color is
black and the background for the rest of the DIV is white.

Do you know of a JQuery plug-in that does this? Short of that, what
is my next best JS option?

Thanks, - Dave

Feb 13 '07 #1
3 2002
la***********@z ipmail.com scribed:
>Hi,

I was recently exploring JQuery and the rounded corner plugin -http://
methvin.com/jquery/jq-corner-demo.html, unfortunately, this plug-in
seems to only apply to rounding corners in the background. I would
like to have a rounded corner border in which the border color is
black and the background for the rest of the DIV is white.

Do you know of a JQuery plug-in that does this? Short of that, what
is my next best JS option?
CSS.
--
Ed Jay (remove 'M' to respond by email)
Feb 13 '07 #2

la***********@z ipmail.com wrote:
Hi,

I was recently exploring JQuery and the rounded corner plugin -http://
methvin.com/jquery/jq-corner-demo.html, unfortunately, this plug-in
seems to only apply to rounding corners in the background. I would
like to have a rounded corner border in which the border color is
black and the background for the rest of the DIV is white.

Do you know of a JQuery plug-in that does this? Short of that, what
is my next best JS option?

Thanks, - Dave
Look through http://www.cssplay.co.uk/

Feb 14 '07 #3
marss scribed:
>
la***********@ zipmail.com wrote:
>Hi,

I was recently exploring JQuery and the rounded corner plugin -http://
methvin.com/jquery/jq-corner-demo.html, unfortunately, this plug-in
seems to only apply to rounding corners in the background. I would
like to have a rounded corner border in which the border color is
black and the background for the rest of the DIV is white.

Do you know of a JQuery plug-in that does this? Short of that, what
is my next best JS option?

Thanks, - Dave

Look through http://www.cssplay.co.uk/
or http://www.html.it/articoli/nifty/index.html

or google css "rounded corners" for a brazillion articles on the subject.

Additionally, you could always use images.
--
Ed Jay (remove 'M' to respond by email)
Feb 14 '07 #4

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

2
1674
by: Michael Kalina | last post by:
Hi! On my website http://michaelsremarks.com I use an elastic layout and I would like the top left and top right corner to be "rounded". Now I am facing two problems, which I could not solve until now: 1. I do not want the layout to be fixed with pixel-size. I want it with ems. 2. I have a very special background. And I do not want to change it.
2
1936
by: Steve | last post by:
Is it possible to create a border around an element that can size dynamically and has rounded corners? I know that with the use of a background image I can create a static border, but I need the size to be able to fluctuate. Is the only way to accomplish this with tables, or a whole bunch of markup surrounding the element to be "boxed"? Thanks, Steve
1
3596
by: jimfortune | last post by:
The following Access VBA function creates a string that can be used in a pdf stream to draw or fill a rectangle of a given color with rounded corners: 'Begin code----------- Public Function DrawRoundedRectangle(dblX As Double, dblY As Double, _ dblR As Double, dblW As Double, dblH As Double, _ dblThickness As Double, dblLineR As Double, dblLineG _ As Double, dblLineB As Double, boolFill As Boolean, dblFillR _ As Double, dblFillG As...
2
7824
by: Dino Buljubasic | last post by:
Hi, I have several panels that holds bunch of controls with information on my forms. My form has background image property set to an image that has borders defining where my panel comes and that border is rounded so when I set my panels border stile to none, the panel appear to have the rounded border (that comes from the forms background image. This looks really nice, but the problem is that my forms can not be resizable then, since...
4
1231
by: berkeleyB | last post by:
I have given an earnest try, following the directions found at <http://www.w3.org/Style/Examples/007/roundshadow.html> The result is Close, so close! But not working... <http://ewasteinsights.info/survey/serviceForm.html> perhaps a small bit of light shed on my looming darkness??
5
2132
by: phil-news-nospam | last post by:
Hey, look, Ma! No tables! Here is my attempt at making rounded corners. It uses a bunch of element layers to merge 4 background images. But, it seems to work. Now if there was just a way to style someone else's arbitrary single DIV container this way. The 4 boxes shown have slightly increasing corner radii: http://phil.ipal.org/usenet/ciwas/2006-05-02/rcb1.html
1
2644
by: Stephen Takacs | last post by:
I've been reading lots of rounded corners table tutorials lately, because I'm a Perl guru, not an HTML guru. :-) So far all of the examples I've seen have edges with narrow angles, which fit easily into a single corner cell. Simple stuff. Piece of cake. By now I can do them in my sleep while juggling hippopotamuses and hanging upside down. But this one is different. In this particular case, it takes three corner edges to hold each...
8
2420
by: TheCornjerker | last post by:
I've been looking into what method I should use to show rounded corners (and I've found a lot). My question is why does Google seems to mostly use the table method with an image in each corner. Granted they do use a transparent gif so they don't need multiple colored gifs, but I thought most developers shun the table rounded corner method. Any thoughts why? Is it easier to maintain or have a higher browser support? Thanks.
1
2562
by: kidelectric | last post by:
The issue I am having is that I would like to be able to drag-and-drop div elements that have rounded corners.* Since these elements will be dynamically created (including background color), I could not use the "standard" rounded corner method of sliced images for the corners (since that would only allow a certain color to match) I tried using a corner-rounding js tool from http://openrico.org, but it failed miserably (in both IE and Opera) ...
0
8691
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main usage, and What is the difference between ONU and Router. Let’s take a closer look ! Part I. Meaning of...
0
8620
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it. First, let's disable language synchronization. With a Microsoft account, language settings sync across devices. To prevent any complications,...
0
9180
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed. This is as boiled down as I can make it. Here is my compilation command: g++-12 -std=c++20 -Wnarrowing bit_field.cpp Here is the code in...
1
8920
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows Update option using the Control Panel or Settings app; it automatically checks for updates and installs any it finds, whether you like it or not. For most users, this new feature is actually very convenient. If you want to control the update process,...
0
8887
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the choice of these technologies. I'm particularly interested in Zigbee because I've heard it does some...
0
5877
by: conductexam | last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one. At the time of converting from word file to html my equations which are in the word document file was convert into image. Globals.ThisAddIn.Application.ActiveDocument.Select();...
0
4378
by: TSSRALBI | last post by:
Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols. I succeeded, with both firewalls in the same network. But I'm wondering if it's possible to do the same thing, with 2 Pfsense firewalls...
0
4633
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
2
2351
muto222
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.