Styling ridge borders
in [CSS]
|
From: Swifty on 24 Apr 2010 14:12 On Sat, 24 Apr 2010 20:46:02 +1000, dorayme <dorayme(a)optusnet.com.au> wrote: >You have tried groove I assume? Yes. As far as I can tell, with the narrow borders that I prefer, it is the same as ridge, but with the colours transposed. -- Steve Swift http://www.swiftys.org.uk/swifty.html http://www.ringers.org.uk
From: Thomas 'PointedEars' Lahn on 24 Apr 2010 14:34 Swifty wrote: > Thomas 'PointedEars' Lahn wrote: >> What have you tried, where and how did it fail? > > [...] > Google search: HTML ridge border colors Since CSS is language-independent, you should remove "HTML" from the equation and introduce "CSS" (or "stylesheet") into it. And you should try a bit more. PointedEars -- realism: HTML 4.01 Strict evangelism: XHTML 1.0 Strict madness: XHTML 1.1 as application/xhtml+xml -- Bjoern Hoehrmann
From: Swifty on 25 Apr 2010 02:56 On Sat, 24 Apr 2010 20:34:40 +0200, Thomas 'PointedEars' Lahn <PointedEars(a)web.de> wrote: >Since CSS is language-independent, you should remove "HTML" from the >equation and introduce "CSS" (or "stylesheet") into it. And you should >try a bit more. You don't know a way of doing it, do you? And I suspect you'd like to know a way to do it. And you're hoping that I'll find an answer for you! :-) Dream on. -- Steve Swift http://www.swiftys.org.uk/swifty.html http://www.ringers.org.uk
From: Norman Peelman on 25 Apr 2010 07:59 Swifty wrote: > On Sat, 24 Apr 2010 20:34:40 +0200, Thomas 'PointedEars' Lahn > <PointedEars(a)web.de> wrote: > >> Since CSS is language-independent, you should remove "HTML" from the >> equation and introduce "CSS" (or "stylesheet") into it. And you should >> try a bit more. > > You don't know a way of doing it, do you? And I suspect you'd like to > know a way to do it. And you're hoping that I'll find an answer for > you! :-) > > Dream on. > Search for 'css BorderColor' or 'borderColor style property' -- Norman Registered Linux user #461062
From: Jonathan N. Little on 25 Apr 2010 10:04
Swifty wrote: > On Sat, 24 Apr 2010 20:34:40 +0200, Thomas 'PointedEars' Lahn > <PointedEars(a)web.de> wrote: > >> Since CSS is language-independent, you should remove "HTML" from the >> equation and introduce "CSS" (or "stylesheet") into it. And you should >> try a bit more. > > You don't know a way of doing it, do you? And I suspect you'd like to > know a way to do it. And you're hoping that I'll find an answer for > you! :-) As I told you before in the thread how the UA renders the ridge or groove is up to the UA, as with inset and outset. You cannot directly choose the color variation that the UA uses to create the bevel shading. You can however simulated it with solid borders and nested DIVs. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1"> <meta http-equiv="content-language" content="en-us"> <title>Simulated</title> <style type="text/css"> .funkyframe { border-top: 10px solid #f00; border-right: 10px solid #0f0; border-bottom: 10px solid #00f; border-left: 10px solid #f0f; } .funkyframe div { border-top: 10px solid #f5f; border-right: 10px solid #ff0; border-bottom: 10px solid #0ff; border-left: 10px solid #55f; } </style> </head> <body> <div class="funkyframe"><div> A funky frame </div></div> </body> </html> -- Take care, Jonathan ------------------- LITTLE WORKS STUDIO http://www.LittleWorksStudio.com |