-candy, and I
really don't mind it looking better in FireFox than it does on IE.
Mike
-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of James Jeffery
Sent: Tuesday, October 30, 2007 11:59 PM
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] Rounded Courners
With the sliding doors style if your boxes have standard content such as
a header followed by a paragraph then you can avoid adding any
additional markup too.
James Jeffery wrote:
What methods do you find best when creating rounded corners and
which methods are the most supported?
I have
That reminds me you can see what I was playing around with a couple of
years ago on my cruddy broken web site.
http://jixor.com/Stuff/Web/Panes
James Jeffery wrote:
What methods do you find best when creating rounded corners and
which methods are the most supported?
I have been using span
Hi Paul
Too true, I'll figure out some sort of caching - probably a combo of server
and client - at the moment it is just me hitting the script during testing.
Thanks
James
On Wed, 31 Oct 2007 11:07:45 am Paul Bennett wrote:
Now instead of opening up inkscape it's just a call to a PHP
Personally, and perhaps I am too motivated towards simplicity, I use three
images.
One across the top, one in middle, one for bottom.
I find JavaScript annoying as I watch the corners filling in after page
loads.
Four to six images using css are better, but still problematical for
For fixed width boxes I use 3 images - 1 for the top, 1 for the middle
and 1 for the bottom
For totally fluid boxes I try to use tags inside the container (headings
and paragraph tags can be useful here depending on content) and then add
divs as appropriate
James
James Jeffery wrote:
What
I can offer this simple method:
http://mikecherim.com/experiments/css_smart_corners.php
I prefer spans over divs because divs do have semantic value as divisions
whereas span are like puffs of air in that they serve as nothing more than a
hook for styles, etc. I'd rather offer a span to accept
Hi Mike,
I was considering using span's instead of div's for my example but
was a little torn between the two as I'd usually use span's for
their inline purpose in a block of text or for styling something
within an inline element (when obviously a div would be invalid).
I suppose in either case
Mike check out the example I posted earlier and you can see how it can
be done without all the extra markup.
Mike at Green-Beast.com wrote:
I can offer this simple method:
http://mikecherim.com/experiments/css_smart_corners.php
I prefer spans over divs because divs do have semantic value as
No worries, I use threaded view in my mail client so its easy for me to
backtrack.
http://jixor.com/Stuff/Web/Panes
Mike at Green-Beast.com wrote:
Jixor - Stephen I wrote:
Mike check out the example I posted earlier and you
can see how it can be done without all the extra markup.
I
Jixor - Stephen I wrote:
Mike check out the example I posted earlier and you
can see how it can be done without all the extra markup.
I need a link please.
Mike
***
List Guidelines:
Jixor - Stephen I wrote:
http://jixor.com/Stuff/Web/Panes
Thanks. That's clever and simple.
Cheers.
Mike
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe:
Depending on the background, if the corners blue and the background is
white then there is no problem a normal gif would do best but if the
background is gradient or patterned then maybe in Photoshop when saving
for web make sure its gif and set the matte option to a color close
enough to the
You can try it out for yourself by changing the images to a solid color
and change the font-size in the body to 1em and test in IE5.5.
See what you come up with.
On Oct 30, 2007 4:46 PM, James Jeffery [EMAIL PROTECTED] wrote:
I was having a slight issue using span tags, the problem with IE5.x.
I was having a slight issue using span tags, the problem with IE5.x.
I fixed it and
it now displays perfect. I had a problem that when text was made larger in IE5.x
the 2 corner images to the right would shift one pixel to the left and
it displayed messy.
If i add font-size: 0.9em to the body it
Hi James
I got so sick of doing rounded corners and having to open a graphics program
to change them (Hey, I'm a developer) when the design changed that I wrote
PHP script using Imagick2.0 that draws the quadrants using the correct
foreground colour, background color (or transparent), border
May be i'm missing something, but what's wrong with wrapping divs?
Much more stable approach...
smth like this:
div class=wr1div class=wr2div class=wr3div class=wr4
[content]
/div/div/div/div
.wr1{background:url(corner-top-left.png)}
...
On 10/30/07, James Jeffery [EMAIL PROTECTED] wrote:
You
Nothing wrong with it to my knowledge. I find semantic wise, both are
invalid, this is no fault of the designer, its a limitation to do with CSS.
I have never really used the div method.
On Oct 30, 2007 11:39 PM, akella [EMAIL PROTECTED] wrote:
May be i'm missing something, but what's wrong
Now instead of opening up inkscape it's just a call to a PHP script like:
background-image: url(corner.png.php?fgc=cccbs=1bgc=000bc=fffr=90);
So for everytime the css file is called, your script has to create an image?
Has this impacted on your sites / servers performance any?
Have you
I also prefer using the div tags. I think it's as semantically valid
as span, which neither of them really are.
The idea for a PHP round corners script is a very interesting one as
well. I'd be interested in seeing that script.
--
Christian Snodgrass
Azure Ronin Web Design
20 matches
Mail list logo
