jQuery .css() behaves differently in FF and IE
When there is no border, why IE returns medium while FF returns 0px on the following query ? .css("border-left-width") I checked this in FF 3.6.3 and IE 6/7. Example here ...
css
Sticky Footers that move down when dynamic content gets loaded
I've been using this snippet of jQuery to get a sticky footer: if($(document.body).height() < $(window).height()){ $("#footer").css({ position: "absolute", top: ( $(window).scrollTop() + $(window).height() - $("#footer").height() ) + "px", width: "100%" }); } $(window...
How to override a CSS class within a content div
I want to reimplement the property margin-right in a bloc whitin a content. this is the content id css: #content h2 { margin-right:2px; } this is the bloc class css: .bloc h2 { margin-right:0px; } I want the margin-right bloc works not one the content ...
CSS Style Firefox/Safari/Chrome
hi, i have a problem with css differences between browsers. i have a simple input textfield an a submit button. the should be arranged. with webkit (safari/webkit) everything looks fine but firefox doesnt do it. does anyone have an idea whats wrong? i have written a little test html page: <html> <head> <style type="text/css"> #input ...
"Zooming" elements on a page while keeping the centre of enlargement in the centre of the window
I'm trying to work out how to enlarge all elements on a page, but keep the centre of enlargement in the centre of the window. Example Page (up and down arrows to resize the image, you can also drag the image around) On this page, once the image reaches the top or the left side of the window the centre of enlargement changes. It also ch...
Is there a way to specify the use of text or titling figures in CSS?
My fonts of choice usually default to text figures which is one reason I like them. However, for tables or headings I'd like to specify that lining figures should be used: Is there a way to do so in CSS? (To appease the search: old-style numerals, text figures, non-lining figures, medieval numerals lining numerals, titling figur...
Is it possible to parse a stylesheet with Nokogiri?
I've spent my requisite two hours Googling this, and I can not find any good answers, so let's see if humans can beat Google computers. I want to parse a stylesheet in Ruby so that I can apply those styles to elements in my document (to make the styles inlined). So, I want to take something like <style> .mystyle { color:white; } </s...
background scroll-y with liquid layout
I have a liquid layout but I am unsure how to get the background to act in the same manner as the content. I have an image which is being created using the scroll-y css call. On full screen it looks great and creates a bordered white box where all the main content goes in and is directly in the middle of the page. However when I resize m...
DIV menu ontop of <li> on hover
Hey guys, this is my first time actually posting at stackflow but i've used people's answers before. Really a great site. Anywho onto my problemo. I have some 'li' tags. When I hover the mouse over these 'li's, I need a DIV to appear over the 'li' with some buttons, etc. Basically it's kind of a menu. the 'li's are an unpredictable leng...
CSS3: Stripe table with multiple <tbody> elements
Hello, I've got a table with multiple <tbody> elements. At a given time, only one <tbody> is displayed, or all of them are displayed. I currently use this CSS3 code to stripe the table. table tr:nth-child(even) { background: #efefef; } When a single <tbody> element is shown, everything is (obviously) fine, but when multiple <tbody...
Best practice: How to use (repeat) CSS style attributes correctly?
Hi guys! As a CSS newbie I'm wondering if it's recommended by professionals to repeat specific style attributes and their not inherited but default properties for every relevant selector? For example, should I rather use body {background:transparent none no-repeat; border:0 none transparent; margin:0; padding:0;} img {background:transpa...
Is there any valid way to show dummy scroll bar in firefox?
Is there any valid way to show dummy scroll bar in firefox? ...
How to get z-index to play nice with the jQuery plugin Cycle
Take a look at the bottom right example on the jQuery Cycle Advanced Demos page. Notice how when it loops the gallery, the next image goes beneath the last, as opposed to others where the next image always covers the previous one? Well, at least in Firefox 3.6.3. I'm developing a custom animation with jQuery cycle that has the same pro...
Hide horizontal scrollbar in IE 7 and below
Hi all. Basically, I'm having trouble removing the horizontal scrollbar in Internet Explorer 7 and Below. I've tried the code below and It seems to work fine in every browser except IE. overflow-x: hidden; The even bigger problem is that, even though the scrollbar isn't even removed, it seems to completely screw the layout.. It some...
How to overlay one div over another div
Hi, Hoping someone can assist but I need assistance with overlaying one individual div over another individual div, i.e. my code looks like this: <div class="navi"></div> <div id="infoi"><img src="info_icon2.png" height="20" width="32"/></div> Unfortunately I cannot nest the infoi div or img inside the first div (class navi) - it has...
How do I check for a css value using jQuery?
After the user clicks on a table row, I want it to check if the table row's background-color is white, and if so, it will change the color to light blue. The code I am using is not working. Here it is: $("#tracker_table tr#master").click(function(){ if($(this).css("background-color") == "#FFFFFF") { $(this).css("background-color...
Unexpected space between DIV elements
my code for the php page displaying the divs <?php session_start(); require_once("classlib/mainspace.php"); if (isset($_SESSION['username'])==FALSE) { header("location:login.php"); } $user = new User($_SESSION['username']); ?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transi...
How do I change the style of an input box in IE7 on focus?
I know IE7 has issues... I've read posts here and on Google telling me I need to set the style by hand onfocus() and onblur(). However, everything I try isn't working! Here is my jQuery $(document).ready(function(){ if (jQuery.browser.msie === true) { $("input.date-picker").each(function(i...
Staging server .htaccess for images, css and js
As we build and demo sites on our staging server with individual root folders for each such as /CLIENTNAME, we need to keep all the css, js and internal links for these sites referencing the server root. The following works for one folder each, but not sure how to adapt to work for all folders. Currently AddHandler php5-script .php R...
IE7 acting odd, hovering over ul li list appears without any break
I have action list that i show when i am hover over an a link. it works fine in firefox 3.6 and Ie8 but its not working the same in IE7. Here is my code: <td class="noTableStyle"> <a href="#">Actions</a> <ul> <li><a href="#" title="Edit">Edit</a></li> <li><a id="Delete" href="#">Delete</a></li> </ul> </td> Here is my Jque...