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 tags and absolute positioning. I have also
recently started to use the sliding doors method because you can
achive nice rounded boxes with some nice
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: http://webstandardsgroup.org/join/unsubs
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: http://webstandardsgroup.org/mail/guidelines
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 di
Hi Mike,
I was considering using 's instead of 's for my example but
was a little torn between the two as I'd usually use 's for
their inline purpose in a block of text or for styling something
within an inline element (when obviously a would be invalid).
I suppose in either case it's using the
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 t
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:
>> Wha
I'd usually use something like this as it's much easier to reuse for
different purposes and different sizes.
http://www.dave-woods.co.uk/wp-content/uploads/2007/10/rounded-corners-demo.html
It requires four extra div's and four images but I'd prefer it to the
JavaScript approach and works consist
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
alignment,lo
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 scri
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 tags
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 been
-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
>Sub
I also prefer using the tags. I think it's as semantically valid
as , 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
http://www.arwebdesign.ne
> Now instead of opening up inkscape it's just a call to a PHP script like:
> background-image: url(corner.png.php?fgc=ccc&bs=1&bgc=000&bc=fff&r=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 c
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 w
May be i'm missing something, but what's wrong with wrapping divs?
Much more stable approach...
smth like this:
[content]
.wr1{background:url(corner-top-left.png)}
...
On 10/30/07, James Jeffery <[EMAIL PROTECTED]> wrote:
> You can try it out for yourself by changing the images to a solid color
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 si
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 tags, the problem with IE5.x.
>
I was having a slight issue using 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 fixes
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 backg
22 matches
Mail list logo
