I need to add a link over the entirety of a div which contains some more divs. Looks like this: div.top { width: 150px; height: 150px; position: relative; } a.link { width: 150px; height: 150px; position: absolute; top: 0; } <div class="top"> <div class="text1">Text 1</div> <div class="text2">Text 2</div> <a class...
I have the following div being rendered to the client, but on IE, the checked-yes class is ignored. If I view the target element in the 'Developer Tools', that class is completely missing from the Style panel. The shift-item-present class is attached server side, and the checked-yes class client side, depending on the present attribute...
I have a wrapper of certain width. I want to float 3 boxes inside that wrapper. What unit should I specify the size of the boxes in — px, em or %? ...
Apologies if this is incredibly easy but I want to be able to do the following in jQuery. Current CSS * { cursor: url('/web/resources/graphics/blank.cur'), pointer; } html { cursor: url('/web/resources/graphics/blank.cur'), pointer; } Desired CSS change (through jQuery only) * { cursor: url('/web/resources/graphics/blankDot.cur'), ...
I am looking for a site that allows you to input a project name, choose a doctype, a js library etc. and then generates the directory structure and files to start a web project. I know about project deploy, but it is no longer maintained. There was a new one that was created within the last 2 or 3 months, but for the life of me I can't f...
I need a lightbox plugin that is styled similar to FancyBox but will allow me to add text to the same white background as the image. Lightweight because I don't want many features as it's going to be added to an already heavy JS page. Preferably without Ajax features as I'll be handling this myself. Therefore I'm ruling out the use of T...
I'd try to explain what I mean, but there is an easier way: click here for jsfiddle example. Basically I want the border color of the div rfrsh_btn to change when productOptionsMenu is hovered over. I'm using jQuery with the .noConflict var because this site also uses Prototype. jQuery: var $j = jQuery.noConflict(); $j(".productOpti...
I'm trying to emulate some pseudo-classes and attribute selectors in Internet Explorer 6 and 7, such as :focus, :hover or [type=text]. So far, I've managed to add a class name to the affected elements: $("input, textarea, select") .hover(function(){ $(this).addClass("hover"); }, function(){ $(this).removeClass("hover"); }) .focu...
my main container div can be refreshed, so its content is being hide/shown. When my container div is hide, my footer shoots up. the html structure looks like the following: Note that i already tried this: And it doesn't seem to work, the footer div will still shoot up when the container div is hidden. Nor can i set a he...
Hello. I encountered a weird problem when trying to write a cross-browser script. Basically my header looks like this <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> </head> Then in the body tag: <p id="hey">Hey</p> <input type="button" value="attachStyle" name="attachSty...
Hi! I'm struggling to find a way to code a site according to our strange requirements. The site should be displayed correctly in all browsers from IE6 to Opera. The website is structured in three parts. It contains a header at the top, a navigation on the left an the rest of the screen should be filled with the content section. The fol...
Hi, How to give a set of check boxes a same CSS class. Thanks. ...
I have a webpage in which i want the css file to be the same name as a session variable I have set. For example; If the session variable was "blue", i want the page to load the css file blue.css. I tried something below which didnt work, and I'm now stuck. My knowledge of struts is very limited. <LINK rel="stylesheet" type="text/css"...
Hi all I've been given a design by a graphic designer, which I'm trying to put into HTML and CSS. One of the issues I'm facing is on a user input form. In the design the labels for each input are a fixed width - say 100px. The container for each label/input pair is fixed at 2em. The design I've been given has asked that the text for...
How to edit multiple form with single update button in css ...
I want to zebra-stripe a html table without using any js stuff or writing server-side code to generate even/odd classes for table rows. Is it ever possible to do using raw css? ...
I created the following layout: <div class="title" id="m1"> <div class="chkbx">something</div> <div class="name"> <a href="#" onclick="doSomething('1');">Dummy #1</a> </div> </div> // .. the div above repeats several times I'm using the folowing CSS: div.title { border: 1px black solid; } div.chkbx { clear:bot...
I have a ul/li based side menu, styled with two CSS rules, the following of them is ignored by IE8 Quirks mode, and I assume IE6: ul { padding-left: 15px; } I can reproduce the problem in FF by removing this rule completely. I have also tried using jQuery to apply the rule, with no change in IE8: $("ul.menu-class").find("ul").css("p...
I want to get something like the following: The dark grey is the sidebar but I want to apply that color into the body element as an image which repeats itself vertically but at the same time doesn't cover the footer (light gray). (this is the easiest way I found to stretch the color (dark gray) until the bottom.) Part of my CSS: bo...
We just want to build a very quick webpage that has two pages. One page where there is a form where a user can fill out a form and email us. Another page for users to put in their email address to subscribe to our newsletter. What is the quickest way to build this? We are familiar with most web app technologies (asp, php, jsp, perl etc...