Hallo Timothy, I posted to Jenn yesterday that Dan Cederholme http:// www.simplebits.com has a technique borrowed from Ethan Marcotte http://browsehappy.com , which is and adaptation of sliding doors, but allows for movement in both x and y axes.
It uses four bg images that attach to 4 'hooking' points around the 'div'/'element' that your using to create the pill button. I won't post the code, as it's probably an infringement of the copyright of Dan's book, "Bulletproof Web Design", but you can look at the 'browse happy' to see the example that Dan was inspired by. If you look at the 'Firefox' bubble button, and if you then increase the portal view, you'll see that it handles quite a bit of abuse. You might try emailing Dan directly to see if he'll give you the 'inside mail', aye? I do not want to appear to be a salesman for Dan, but if you've got the time and income, then nab a copy (it's available electronically) of "Bulletproof Web Design". It has lots of 'takes' on many of the 'real-world' issues discussed here, and is as robust a system as I've yet to see... (Tigdh sits back and waits for the wrath or scorn of the literati to descend upon him - *SMILES*) HTH... Tigdh * * * * * TAG /* --- [EMAIL PROTECTED] --- */ On 03/10/2007, at 12:18 AM, Timothy Kelty wrote: I've been searching for a good way to make a pill shaped button, with a flexible length for html text, and also a flexible height for text resizing. So ideally, if scaled they would end up looking like a rounded rectangle, but at their original size, they would be pill shaped. So far I've just been using a sliding doors technique to achieve the flexible legnth, but can't wrap my brain around how I could make it flexible height. I messed around with absolute positioning of the text and negative vertical margins a bit, but was unsuccessful. Maybe someone else has had more success, or another idea? Any thoughts are appreciated, thanks! Tim Kelty ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
