I have a slider that's marked up like so: <div class="slider wide"> //slider html in here </div> And another marked up like so: <div class="slider narrow"> //slider html in here </div> Is it possible to reference each of these like this in my CSS file by in a way concatenating the class names: .slider.wide { //css specific to the ...
Hi guys, I am using .slideToggle - Jquery to create an accordion and It works so far. However, When div#slickbox goes down or up the page does not scroll with it. The page maintain scroll position. I have 2 huge images(700px x 1300px) inside div#slickbox. I want to scroll the page with the content, down & up. How can I do this? ...
Hi, How do they achieve that nice sliding input box? All I notice is that, their form margin is changing when you paste something. Do they use any plugin for jQuery? Any idea? ...
I have the following function: $("#myId").css({left: leftVal+"px", top:topVal+"px"}); this works. I am looking for a way to add left: leftVal+"px", top:topVal+"px" as a variable and make my function: $("#myId").css({myCSSstuff}); I've tryed var myCSSstuff= "left: "+leftVal+"px, top:"+topVal+"px" but it does not work. Is there...
Hi, I am new to jquery. I have this in my code: $("tbody tr:odd ").addClass("alt"); with css: tbody tr.alt td { background-color: #e6EEEE; } I have a cell in table with <td class="coloron"> Right now, the every other row command is over riding my class="coloron". How can I maintain my cell unique colour while having every...
I am trying to show the content of techcrunch in IFrame. I am using height:100% for IFrame, even then it shows the scrollbar. So ultimately there are two scrollbars one for the page and one for the IFrame. http://jsbin.com/iboma4 I just want to have one scrollbar and that is for the page. I would like to grow my Iframe automatically ...
Hi! I want to create HTML nested lists that has the following format: 1 1.1 1.2 1.3 1.4 2 2.1 I tried a solution that I found on the internet: OL { counter-reset: item } LI { display: block } LI:before { content: counters(item, ".") " "; counter-increment: item } But it didnt work for me. Any help please...
How can I split the content of a HTML file in screen-sized chunks to "paginate" it in a WebKit browser? Each "page" should show a complete amount of text. This means that a line of text must not be cut in half in the top or bottom border of the screen. Edit This question was originally tagged "Android" as my intent is to build an And...
Hi all! I have a some trouble with iFrame. Basically, I have drop down basic CSS menu and right underneath it I have iFrame with flash from external website. Unfortunately whenever the menu drops down it goes underneath the iFrame. Is there a way using jQuery , JavaScript or CSS to prevent the menu from disparaging behind the iframe...
So I have a website. I have set a larger image as a background: html, body { height: 100%; } body { color: #000; font: 100.1% sans-serif; background: #033361 url('/images/background2.jpg') center top no-repeat; } It works great in Firefox and IE8 but in IE7 the background is moved to the right and there is a horizo...
which elements are affected by the line-height property? ...
Hi all, I have to "i18n" an existing drupal installation and add a second language. I have an image on the homepage that is defined as a 'background-image' in a CSS file. The image contains text, thus I need to show different images depending if the URL is: http://mysite.com/en/ or http://mysite.com/es/ How can I show a different ...
I am creating a table dynamically based on the number of rows returned from the server using struts. The table is created properly and I am trying to get the height value on the created table using any of the following: document.getElementById('elementId').offsetHeight jQuery("#elementId").css('height') jQuery("#elementId").height() I...
I have a div that I want to float other divs in. Within the floating divs, I need the content to be positioned at the bottom because some of them have higher content than others and I don't want them to align on top. I have tried something like this: .right { float:right; } .left { float:left; } .actionCell { margin:2px 5px 2px ...
Hey, I'm just wondering how to cycle through a bunch of images, and set them as the background for a div. What I'm looking to do is: set the first image as the background to a div. Wait X seconds. Set the next image as the background. Wait X seconds … etc. and continue I've got the following code which works for 1 image. $(document)....
In my HTML code, I got a <div>. When the user taps anywhere inside that div, I'd like to alter various properties, like text size and background color. To me, this sounds a lot like creating two CSS styles for each state sounds like it should work, so I created the following CSS: div.tappable { background-color: red; font-size: 10...
I have created some simple Javascript to make a checkbox seem re-skinned that hides the checkbox and basically just pulls in a background image through CSS to show the checks/unchecks. Is this HTML/CSS for hiding the checkbox accessible? I want to be as compliant as possible and am uncertain about the hiding and my label. Currently thi...
Hi Was wondering if there was a way to design a html block that is a hexagonal grid similar to that of a Bee hive. This looks more like a css styling task. Thanks in Advance Abu ...
I'm trying to design a tab control which will fade out the current content and replace it with new content, as can be seen here: http://jsfiddle.net/XcMuL/ The problem I'm having is that when you click between the two tabs, you can see a bit of a flicker where one tab fades out and and the other fades in at the same time, and for a brie...
I have some page layouts that require multiple columns and all of their content needs to be vertically aligned to the top since different columns will have more/less text than others. I did the layout using the table-cell property so I could use vertical-align, which doesn't work with blocks as far as I know, but I just realized that th...