Re: [WSG] Using background images on submit buttons
Jens-Uwe, on Thursday, June 18, 2009 at 03:45 wsg@webstandardsgroup.org wrote: 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? I tried that some years ago, but didn't find a well working solution. It might be an approach to wrap the input with some spans and style this construct all together. But I would suggest - and boy, I don't do that often - to replace the inputs with buttons by unobtrusive javascript and use a default styling for javascript turned off. But beware! If you need to support IE6 and you've got more than one submit-button, you'll run into serious problems because IE6 will send all buttons with type=submit with the request. So you'll probably have to submit the form by javascript too. regards Martin *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Using background images on submit buttons
At 6/17/2009 06:45 PM, Jens-Uwe Korff wrote: 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? I have successfully applied a background image to input, for example the join-list form on this pre-launch site: http://innerpeaceyogatherapy.com.s9135.gridserver.com/ I consider the above solution, with its single background image, to be a mediocre, interim placeholder approach because this image with its rounded corners doesn't support text-resizing well. If you enlarge text separately from layout, the background image repeats, spoiling the cosmetic effect. (We're using a fixed width in this instance, but the same applies to horizontal repeats.) In this particular case our background image is such that input text remains legible on enlargement but we sacrifice the cosmetic single-pill appearance. If we were using a plain rectangle with at most say a uni-directional gradient but without special top- side-caps, we could simply allow it to repeat vertically horizontally without cosmetic penalty. To support rounded corners in an enlargeable context, I'd surround each input control with a matrix of divs and apply fragmented background images to those parts to allow for variable height width. ...Pending universal implementation of CSS3's multiple backgrounds! One of the usability/accessibility problems with background images on input fields is that in order for the background image to display you need to override the default border background color. Then if you disable images the input field disappears. I suppose a workaround would be possible in which the input field is positioned on top of a div with a border and/or background color that would show through if the input's background image were missing from the rendering. Regards, Paul __ Paul Novitski Juniper Webcraft Ltd. http://juniperwebcraft.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Using background images on submit buttons
At 6/17/2009 06:45 PM, Jens-Uwe Korff wrote: on an ASP.NET-driven site we'd like to use background images for flexible-width submit inputs. (I apologize for getting off-topic and discussing text inputs instead. Too little sleep!) *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
[WSG] RE: Using background images on submit buttons
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 / Thank you for your inputs. However, we really cannot use the button element. I'll be looking into adding a wrapper to the input which appears to be the best solution as of now. Heavy Javascripting would complicate the build even further and I hope we can get around that option. Cheers, Jens The information contained in this e-mail message and any accompanying files is or may be confidential. If you are not the intended recipient, any use, dissemination, reliance, forwarding, printing or copying of this e-mail or any attached files is unauthorised. This e-mail is subject to copyright. No part of it should be reproduced, adapted or communicated without the written consent of the copyright owner. If you have received this e-mail in error please advise the sender immediately by return e-mail or telephone and delete all copies. Fairfax does not guarantee the accuracy or completeness of any information contained in this e-mail or attached files. Internet communications are not secure, therefore Fairfax does not accept legal responsibility for the contents of this message or attached files. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
[WSG] CSS Styling in IE
Hi Everyone, I am having an issue with IE (as most do). http://www.buildline.com.au/newsite/home.aspx The text under the flash sits perfectly in Firefox, but sits off centre in IE. It should be in line with the left side of the flash. Can someone explain to me how to fix this. Thank you in advance. Nass Martino YEHGET MULTYMEDIA *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] CSS Styling in IE
Hey Nass, It looks like the floated details with Buildline Constructions' address detailsare what's jagging IE; Check out: http://www.positioniseverything.net/explorer/floatIndent.htmlfor an explanation; and some ways to fix Kind regards, Ads, Adam Smith Operations Analyst Network Ten 1 Saunders Street , Pyrmont NSW 2009 , Australia Telephone +61 (02) 9650 0931.Facsimile +61 (02) 9650 1070 .Mobile +61 404 987 690 adsm...@networkten.com.au ten.com.au masterchef.com.au australianidol.com.au rovedaily.com.au dance.ten.com.au ten.com.au.On 19/06/2009 at 12:46 pm, "Nass Martino - Yehget" n...@yehget.com.au wrote: Hi Everyone, I am having an issue with IE (as most do). http://www.buildline.com.au/newsite/home.aspx The text under the flash sits perfectly in Firefox, but sits off centre in IE.It should be in line with the left side of the flash. Can someone explain to me how to fix this. Thank you in advance. Nass Martino YEHGET MULTYMEDIA***List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfmUnsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfmHelp: memberh...@webstandardsgroup.org*** Network Ten Pty Ltd ABN 91 052 515 250 Network Ten Disclaimer This e-mail (including all attachments) is intended solely for the named addressee. If you receive it in error, please let us know by reply e-mail, delete it from your system and destroy the copies. This e-mail is also subject to copyright. No part of it should be reproduced, adapted or transmitted without the written consent of the copyright owner. E-mails may be interfered with, may contain computer viruses or other defects and may not be successfully replicated on other systems. We give no warranties in relation to these matters. If you have any doubts about the authenticity of an e-mail purportedly sent by us, please contact us immediately. ***List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfmUnsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfmHelp: memberh...@webstandardsgroup.org***