My button background seems stretched.

Posted by Kyle Sevenoaks on Stack Overflow See other posts from Stack Overflow or by Kyle Sevenoaks
Published on 2010-03-24T12:42:28Z Indexed on 2010/03/24 12:53 UTC
Read the original article Hit count: 447

Filed under:

background-image

|

stretch

|

css

|

button

Hi, I have a button as made for you to see here. Looks fine,right? Well on the live site, euroworker.no/shipping it seems stretched.

Renders fine in Chrome, IE and Safari, I thought it might have been a FF issue, but loaded the fiddle into FF and seems fine.

Quick ref CSS and html:

#fortsett_btn  {
   background-image: url(http://euroworker.no/public/upload/fortsett.png?1269434047);
   background-repeat:no-repeat;
   background-position:left;
   background-color:none;
    border:none;
    outline;none;
   visibility: visible;
   position: relative;
   z-index: 2;
   width: 106px;
   height: 25px;
   cursor:pointer;
}?

And HTML

<button type="submit" class="submit" id="fortsett_btn" title="Fortsett" value="">&nbsp;</button>?

I wonder what's up with it.

© Stack Overflow or respective owner

Related posts about background-image

Twitter Bootstrap styling conflicts with plug-ins like jqGrid and other third part libraries

as seen on Geeks with Blogs - Search for 'Geeks with Blogs'
Issues:The concern is that the Twitter Bootstrap framework is that some of their css selectors are simply too generic and have incompatibility issues and conflicts with most third party plug-ins and css libraries, like jQuery-UI and jqGrid.My most pressing concern is only with the generic selector… >>> More
CSS: background image does not fill when scrolling

as seen on Stack Overflow - Search for 'Stack Overflow'
Hi, working on a very small site which loads in one go, so there is a div which holds all the background images, and on top of that (i.e. higher z-index) there is a content div which holds everything. I can switch backgrounds easily based on what content is selected. Unfortunately, I noticed if… >>> More
Drupal Background Image as Block or Node

as seen on Stack Overflow - Search for 'Stack Overflow'
Hi There. I am having trouble wrapping my head around how to make editable background images in my custom Drupal 6 theme. My client wants to have a different background image for each main section (which use multiple content types: page, blog, image gallery)... I am wondering, is there a way to… >>> More
How can I fix the website's splash page to work in IE8 and below?

as seen on Stack Overflow - Search for 'Stack Overflow'
I have been trying to figure out for the longest time how I can get the splash page on this website to work correctly in IE8 and below? Right now, it works on all the other browsers (Firefox, Chrome, Safari). Here is the website: http://gds.parkland.edu/student/fall10/gds220/ashipley/p2/final_revised/index… >>> More
Interface builder UIButton custom background image not working on simulator/device

as seen on Stack Overflow - Search for 'Stack Overflow'
I'm trying to do something really simple. I have an image for a button and I'm trying to set it on a custom button in interface builder. I set the background image accordingly (no case sensitivity problem here). In interface builder it shows up, but in the simulator or on the device it doesn't appear… >>> More

Related posts about stretch

WPF / C#: Transforming coordinates from an image control to the image source

as seen on Stack Overflow - Search for 'Stack Overflow'
I'm trying to learn WPF, so here's a simple question, I hope: I have a window that contains an Image element bound to a separate data object with user-configurable Stretch property <Image Name="imageCtrl" Source="{Binding MyImage}" Stretch="{Binding ImageStretch}" /> When the user moves… >>> More
Transforming coordinates from an image control to the image source in WPF

as seen on Stack Overflow - Search for 'Stack Overflow'
I'm trying to learn WPF, so here's a simple question, I hope: I have a window that contains an Image element bound to a separate data object with user-configurable Stretch property <Image Name="imageCtrl" Source="{Binding MyImage}" Stretch="{Binding ImageStretch}" /> When the user moves… >>> More
Finder.app preview pane and QuickLook stretch some of my photos

as seen on Super User - Search for 'Super User'
The Finder column view preview pane and QuickLook stretch many of my photos. But when I open the same photos in Preview.app, they look normal. Screenshot: For example, download this image (reaver.jpg), and view it with Finder's column view. Now view it with QuickLook. It renders correctly in every… >>> More
C# Audio - How to time stretch (different tempo, same pitch)

as seen on Stack Overflow - Search for 'Stack Overflow'
I'm trying to make a winform app in C# (VS2008) that can load an mp3 (other formats would be nice, but mp3 at a minimum) and be able to adjust the playback speed (tempo) without affecting pitch. I really don't need any other audio effects. I tried using DirectShow but that doesn't seem to offer… >>> More
stretch a row to fit the data in jasper reports using iReport

as seen on Stack Overflow - Search for 'Stack Overflow'
How do i stretch a text field to fit the data, If data exceeds the band height the text field doesn't stretch. I have added the text field tag in my jrxml... Example:- >>> More