On Jun 17, 2009, at 6:45 PM, Jens-Uwe Korff wrote:
Hi community,
on an ASP.NET-driven site we'd like to use background images for
flexible-width submit inputs.
Due to the .NET limitation we cannot use the <button> tag and are
stuck with the following syntax:
<input type="submit" value="Button Text" />
Did you ever style these submit inputs with background images that
allowed a flexible width?
Something like this:
button {padding:2px 5px;background: #FAF9F5 url(../images/bgimg.png)
repeat;line-height: 1.5;
}
then use smaller padding left/right value for IE, e.g.
button {padding: 2px 1px !important}
<button type="submit">Button Text</button>
If you want to put the button text in the image, add a span class and
wrap it inside button, then use one of the image replacement
techniques to push the button text off the screen viewpoint.
tee
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [email protected]
*******************************************************************
