I'd like to know how to write a css block that applies to either multiple ids or multiple classes: Something like: .class1, .class2 { ... } or #id1, #id2 { ... } I'd like to know how to do both cases (which hopefully are cross browser compliant). Thanks. Update: To make it more interesting, is this valid too? #id tr, #id2 tr ...
My problem is that predefined jQuery UI classes like .ui-state-error and .ui-state-highlight doesn't change visual style if applied after (document).ready. I have tab control that loads it's tab content after user has selected a tab. What happens is that after this selected tab has loaded it's content (containing items with .ui-state-er...
I have the following HTML. <body> <div class="header"></div> <div class="navdiv"></div> <div class="mainarea"> <p></p> <table> <tr> <th scope="row">Name</th> <th scope="row">Description</th> <th scope="row">Created</th> <th scope="row">Created By</th> <th scope="row">Modified</th> <th scope="row">Modified B...
I have a very large website that I need to refactor the front-end of due to maintainabilty concerns and performance issues: Whats tricky: Lots of overcomplicated scripts Over-complicated CSS with a whopping filesize No selenium tests in place No js tests in place Back end developers concerned anything breaking The site has been live f...
Hey, I need some help adjusting the logic of my jquery function. Here's how the function works: There are two navs, the main-nav and sub-nav both of which are visible when page loads. If the window is scrolled past 375px (so that the sub-nav is no longer visible), there is a hover effect on the navigation which makes the sub-nav div sl...
hi, i'm using the jquery star widget in our next project, it worked fine for other projects in the past, now it works, but the client has requested specific for these 2 facts: 1) the widget needs 5 stars, split in half as seen on the api 2 page on the website (http://orkans-tmp.22web.net/star_rating/#main-menu=2) 2) they want the big...
Disclaimer This question is a repost. I originally asked it here. While there was one person who was kind enough to help me, he ultimately couldn't find an ideal solution. The reality of the situation is Doctype just doesn't have the huge number of users that Stack Overflow does. This is an important problem for me, and I really need...
Essentially, on page load, I want a video to be hidden behind an image (I guess this can be done with positioning divs). I would want the video to begin to play when a user clicks on the image the video is hidden behind. This should be possible with a bit of JavaScript/CSS. What I'm really asking is does anyone know of any examples of ...
Hello. I'm writing a web-application for the first time. Everything was tested in Chrome. And now i begin testing in IE8 too and found that my application have problems with positioning and jquery script. Here is a problem: when i change something in css (for example positioning), my web page in IE8 isn't change. I pushed refresh button ...
Let's assume a simple application, which has at the top the following navigation (pseudo code): <a href="?action=new">New</a> <a href="?action=search">Search</a> Below, there are different sections, i.e. for the "New" mask: <div id="condition"> <form> <input type="text" name="Login" /> <input type="text" name="Fir...
I have a fluid grid built with <li> elements. eg: <ul> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> </ul> li { border:solid 1px green; width: 100px; min-height:50px; display: inline; margin: 10px; float: left; } so this looks...
Hi, I have a class defined for text fields. I am using input[type="text"] for all browsers but IE6, and using jQuery to add a ".txt" class name for IE6. The problem here is when I define both selectors on the same line, IE6 does not reconize the ".txt" class. But if I define each selector seperately with the same rule it works. This ...
Hey guys, I'm trying to change the background image of multiple divs with the class .innerpreview when a drop down selection is made. Any idea why the following isn't working? $('#txtMontage').change(function(event) { if (this.value == "example") { $('.innerpreview').css('background-image', 'img/img-bkg.jpg)'); } }); T...
While composing documentation, I created an outline using ordered lists within ordered lists and applied a pseudo-legal-style row numbering using CSS. The default behavior of lists is to right-align numbers and left align text; however, the CSS2 snippet I'm using is changing that behavior so that numbers are left-aligned and text, thoug...
I've made a bookmarklet that, among other things, loads a form in a "popup" div. I reset every CSS tag known to mankind on every element I create, and as far as I can tell examining it in firebug, no CSS tag is "bleeding through". However, on some pages, the input width includes its padding: input.clientWidth = input.style.width on ot...
In IE7, my order sample button "#itmSampl" isn't vertically aligned with the ".add-to-cart" button to the left of it, although in FF3.6 and Chrome 5 it is. I need it to be aligned correctly in IE6-8. Does anyone see what I'm missing? <style type="text/css"> #buttonbox { position:relative; width:326px; } #accounting #box-accounting .ima...
I have seen on various websites how developers version their css/javascripts files by specifying querystrings similar to: <head> <link rel="stylesheet" href="css/style.css?v=1"> <script src="js/helper.js?v=1"> </head> How is that done? Is it a good practice? I've been searching around but apparently, I'm not looking for the ri...
I am trying to get the border radius property to work properly on a fieldset in Opera 10.6, but it does not appear to be working correctly. Here is the html: <form method="post" action="character.php" class="form"> <fieldset> <legend>Insert</legend> <label for="txtCharacter">Character</label> <input type="...
I want to style my datatable using ThemeRoller . already enabled jQuery UI ThemeRoller support in my datatable. I have only one row on the top and the Pagination numbers are styled fine. but i dont see any style on the rows, they are all the same. Is that the default setting or i am missing something. $(document).ready(function(){ $("...
I am having a bizarre issue. In the spirit of trying to write DRYer, shorter code, I want to remove 'no-repeats' from my individual h3 styles and do it with just one declaration. Below is an example version of the code that fails. The h3 in #c stubbornly will not stop repeating unless I set it as I did for #a and #b. I have tried rep...