Nialls Blog

We had this issue at work last week and only getting round to blogging this now, but it might save some time if you're aware of this glitch with Internet Explorer.

There was a simple form that had an element of type "submit" that also had a background-image specified to give a roll-over effect like so (this was also tested with type="button"):

<input type="submit" id="submit" name="submit" value="Yes" />

The CSS to accomplish this was:

 
input#submit {
        width:235px;
        height:180px;
        border: none;
        text-indent:-9999px;
        background-image:url(submit-button.gif);
        background-position:top right;
}

input#submit:hover {
        background-position:right -212px;
}

OK, so the button worked on everything except for IE. 

The PROBLEM:

The border was still visible but so was the button.  The image wasn't appearing at all.

Apparently Internet Explorer does not render CSS border properties with a value "none" (highlighted above). 

The SOLUTION:

You must specify valid shorthand or individual properties for the CSS rules.  So to overcome this problem, the CSS was changed to the below.

input#submit {
        width:235px;
        height:180px;
        border:0px solid white;
        text-indent:-9999px;
        background-image:url(submit-button.gif);
        background-position:top right;
}

This seems to have solved the problem.

NOTE: This issue was tested with IE 7.

I was working on a form that had dynamic elements based on a users selections.

Each form element has a help context icon that provides users with information on what type of information is required for each particular field.

The issue I had was, I found my help icons and also calendar images, for jQuery datepicker elements, jumping all over the form when elements were being toggled.  Another behaviour was that when a calendar element was selected, the animation would cause the icons to return to normal.  Not behaviour I wanted the users to have to just deal with, so I started on implementing a solution. 

Read more...

I came across a funny issue today with Microsoft Excel and thought I should blog it as the resolution wasn't that obvious.

I was working pushing some content from a Web Application to Microsoft Excel when I got the following error message.

Read more...