internet-explorer-7

I have a form comprising a sequence of <label> , <input> pairs (one per line) as follows: <ol style="list-style: none;"> <li class="normal"> <label>Channel Name</label> <input type="text"> </li> <li class="reversed"> <label>Subscribe to this channel</label> <input type="checkbox"> </li> </ol> I'm looking for a pure-CSS way to modify the second line to display the <input> checkbox to the left of the <label> (i.e. exchange their order without modifying the HTML). The following simple rule works perfectly in Firefox, Chrome, Safari, Opera, IE8+... li.reversed input { float: left; } ... but it

My problem is that I am not sure how to use .delegate for the following scenario: our application has a voting system to which several rounds or steps can be added. every time a new step is added there is a list of options that defines how the round/step is to be won. <select class="listOfOptions"> <option value="U">Unanimous</option> <option value="M">Majority</option> <option value="C" class="customOption"># of votes…</option> </select> now when an option is selected the following code runs $(document).ready(function() { $('.listOfOptions').live('change', function() { if ($(this).find('

Long story short, I want to add an absolutely positioned pseudo element after another element, so I simply use the :after pseudo element in my stylesheet. This works like a charm, except in IE7. I should think that :after is supported in IE7, no? The clearfix hack used in Boilerplate works fine, so why not in my example? When I look at the CSS in the style inspector, it does seem to print it out, so it seems to me that it understands it, but I can't see the generated element nonetheless. Am I missing something? .myclass:after { content:""; display:table; width:100px; height:100px; background:

I'm building a WordPress-based site that has a few very basic jQuery-animated effects. When I turn JavaScript off in the browser, the site is displayed just fine. With JavaScript on, there's just a blank page. I went through my custom js file, deleting snippets of code and checking the site each time, to isolate the problem. I discovered, that these two seemingly innocent lines cause the disappearance of the website: $('#wrapper, #topmask').animate({top: "15%"}, 1300); $('#bottommask').animate({bottom: "15%"}, 1300); With these two lines cut out, the site is displayed. When they are put back

I was trying to override the getResponseBody method on XMLHttpRequest object. The code looks so: xhr.onreadyStateChange = function(){ if (xhr.readyState !== 4) { return; } if (xhr.status === 200) { // callback to handle the result } else { var _orig = xhr.getResponseHeader; xhr.getResponseHeader = function(name){ return decodeHeader(_orig.apply(xhr,[name])); }; // callback to handle the failure } } It throws an error "Object doesn't support this property or method" when calling the _orig.apply . Any idea? Thanks. PS: I create a new XHR object every time and do not reuse the old one.