<style> input.checkbox { width:300px; height:300px; margin:0px 0 0 0px; } </style> <body> <input type="checkbox" class="checkbox"/> Iwant to increase the checkbox size, but this code is properly work in Internet Explorer, but not in Safari. ...
I don't know if this could be some sort of bug in Chrome or (more than likely) it is me doing something wrong. I am trying to make a textbox background color turn red if what is entered is not a number. I have this html page: <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <titl...
I have the following code to load a new stylesheet to print a lightbox dialog: $styleUrl = '../Content/styles/icis.dashboard.colorbox.print.css'; if (document.createStyleSheet) { document.createStyleSheet($styleUrl); } else { $('head').append('<link rel="stylesheet" type="text/css" href="../Content/styles...
I have created a small menu of new items and would like to have the "facebook like" iframe position in front of them. but when i drop the html code it appears floating above the text/link. i have uploaded a screen shot http://img294.imageshack.us/img294/9343/likeoverflow.jpg you can see the text appearing underneath. What css am i mis...
I'm inspecting an h2 element on a web page using Google Chrome's element inspector and some of the CSS rules--which appear to be applied--are grayed out. It seems that a strike-through indicates that a rule was overridden, but what does it mean when a style is grayed out? ...
I have the following javascript function hide(id) { var ele = document.getElementById(id); if ((ele.style.display == 'none') || (ele.style.display == '')) { try{ ele.style.display = 'table-row'; } catch (e) { ele.style.display='block'; }} else {ele.style.display = 'none';} } which works i...
What is the error in this CSS class? .ux-row-action-cell .x-grid3-cell-inner { padding:1px 0 0 0; } I don't see any error in ASP.NET, but when I am using the same CSS in PHP, Firebug says "syntax error". ...
I'm trying to fit an image into a <td> that is smaller than the actual image, but I don't want the cell to grow to accomodate the image. Instead, I want the image to float above the cell. How can I do this? ...
I have <a> elements in two different contexts on my page, some are in divs (call them .container > a) and some are in child divs (like .container > .section > a) and even some that are in further descendant divs (like .container > ... > .section > a). I am currently doing some formatting on the inline <a> elements with the following CSS...
I have some very simple HTML: <div id="advisor"> <div id="print_this_container"> <form> <input type="button" value=" Print this page " onclick="window.print();return false;" /> </form> </div> <div id="top_section"> <div class="left_box" style="position: relative;"> ...
Hi, I've built a horizontal accordion with jquery. I'm having a problem with it. When it animates from one panel to another there's a jump at the right hand edge of the carousel. I've tried everything to get rid of this...adding widths...changing the js..removing whitespace from html etc..any suggestions? http://boudaki.com/testing/car...
The website is located: http://www.imvu-e.com/products/sro/ the css file here: http://www.imvu-e.com/files/style.css I like where the download div and logo div is located, but for some reason the text on the webpage is following some weird box that firebug won't inspect correctly (like download div is somewhere its not). I am pretty su...
We're using a Html Wrapper supplied by a client, which references a reset style sheet that sets the <p> element's margin to 0px. I'd like to have a normal top & bottom margin with my <p> elements, so can somebody tell me what it should be? ...
I'm trying to create a relatively simple page with a that is on the left side, taking up the whole height of the browsers window, with a fixed width (say 200px), and then an that uses the rest of the window width, and also the whole windows height. I want to use CSS to do it, no javascript. I don't mind wrapping the in a if I have to...
I have an zoomable image in the website. When the image is zoomed out to a large extend it appears very SHARP and ugly. I tried using image-rendering : opimizequality, optimizespeed CSS but did not work. Is there any other way out. Thanks ...
I saw some results via the related questions but didn't actually seem to show what I want. Looking for a way to simply style the button in all major broswers easily. <input type="file" name="file" id="file" size="29" class="formButton" /> <span class="smalltext">(.txt only)</span> I want the browse button to use the CSS, I have seen...
I'm working on an advanced map application in Google Maps API V3. I'm using an array of lettered markers for the pins on the map (A-J). I've written some jQuery to grab add a different class to each div that contains the marker as a background image so that I can animate the markers. Here's the code I'm using to do this: $('.markersHold...
When would I want to use Slick and when would I want to use Sizzle? What are the pros and cons of each as a standalone CSS selector engine? How easily can Slick be used with JQuery? Can Sizzle be used with Mootools? ...
Suppose I have an application with multiple instalations that share the same CSS schema. Each of these applications would have the same CSS files with differente colors. I'm thinking of the following solution: Instead of referencing real colors, I'd reference <%variable names%> inside the CSS files. These CSS files, as already mention...
There is a semitransparent overlay div covering document which destroys on click, but I need somehow to trigger onlick events of the element beneath overlay at the same time. Is there a way to click on specific coordinates with JS, or maybe determine underlying element having absolute x and y positions? Thanks. ...