if we are providing a seperate "printer friendly page" for each page of site then do we need to use print media css in site? only screen css is enough in this case? ...
I've been fighting with jQuery all night and getting quite frustrated here, so forgive me if the answer was staring me in the face. I have a 5x3 grid of 15 images contained within a <div>, and when I click on one of them, I want it to expand to three times its original size of 150x105 and overlap the rest. I've got the expanding down, b...
How to edit selectors to test something in Firebug? for example if i want to test this #Homepage #thirdCol a as a #Homepage #thirdCol > a how to test like this in firebug ...
I have an issue with a site I am working on where the right wrapper keeps dropping down below the site. Obviously I want it to stay on the right hand side. I've coded up a test case which shows my issue (I think) and I'm wondering if there is a better way to do things. The website url is http://www.musicworkshop.co.nz/ Below is the t...
Hello! I want to allow the users of a web app that I'm building to write their own CSS in order to customize their profile page. However I am aware of this opening up for many security risks, i e background: url('javascript:alert("Got your cookies! " + document.cookies'). Hence I am looking for a solution to sanitize the CSS while sti...
I'm using a css unordered list to make a site navigation bar, using display: inline, display: block, and float: left. The next element that I put after the navigation bar is placed to the right of it. How can I align the next element so that it is displayed below? The html: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "...
Hi I have this CSS code : #d_image { float: left; width: 320px; margin-top: 20px; margin-left: 25px; } #d_coll { width: 320px; float: left; } #n_div { width: 240px; text-align: right; padding-top: 10px; float: left; padding-right: 10px; padding-left: 0px; } #n_text { text-align: ...
I have images on my page. User can add more images onto the page by clicking a button. New images are added asynchronously. Initially, each image on page use a special class to be used when the image is loaded. After the image is loaded, that class is removed. Each image being loaded has the class imageLoading: <img class="imageLoading"...
Hello, I want to add a gradient background to my web page (the area marked with yellow border is where the actual content is displayed) and I want it to take just 1/2 of the page (the bottom part): I believe this is possible with CSS, but so far I have only managed to get a gradient background (taking the whole height of the page). T...
I am writing a java servlet (struts/JSP etc). I am trying to style a progress bar using CSS in a JSP page but get this error when using chrome's developer tools: Resource interpreted as image but transferred with MIME type text/plain. <%@ include file="../include/css/default.css" %> And in the CSS file: background:url(../images/...
I have no code to start with. I want to add 2 divs overlapping on each other and then use the new CSS3 Rotate function. The effect I want to create is shown on this page Requirements I don't want to use images I don't mind using CSS3 It should be easy to align the whole thing in the center (which makes it harder to use position: abso...
How does one apply custom CSS to a HTML report generated using Jasper. I need to include this report as an iFrame into a GWT window. ...
Hi All, I m Using submit button for my form its work fine in all browser except ie7 when an user click on it it moved please suggest me what to do .confirm-button-submit { width : 79px; font : bold 12px sans-serif;; color : #000; background : url("../images/confirm-btn.png") 0 -33px no-repeat; te...
I have the following HTML and CSS: <button id="myBtn" dojoType="dijit.form.Button">Testing</button> #myBtn { margin-left: 100px; } The CSS is supposed to push the button in 100px. But since dijit applies some extra layers of HTML around the button, the button gets a 100px padding. JSbin to show the problem edit: Found one (not ...
I've been learning (X)HTML & CSS recently, and one of the main principles is that HTML is for structure and CSS for presentation. With that in mind, it seems to me that a fair number of images on most sites are just for presentation and as such should be in the CSS (with a div or span to hold them in the HTML) - for example logos, heade...
Hi people, I am working on a website curently. Here is the link for it. Good News : The site is fine on FireFox, Chrome and IE 8. Bad News: It is not fine on IE 7. Alignment problems, hyperlink colour problems, etc. What should i do to make things normal on IE7 too. Any amount of help would be appreciated. Thanks ...
Hi! ASP.Net has a tag called CheckboxList. The output of this tag looks like this: <table class="checkbox"> <tbody> <tr> <td> <input id="/*longdynamicstring1*/" type="checkbox" name="/*longdynamicstring2*/" /> <label for="/*longdynamicstring1*/">Label Text</label> </td> </tr> </tbody> </table> I want to positio...
I'm trying to put a progress bar inside td of my table. Here's the code: <td style="width: 150px;"> <div style="height: 16px; max-height: 16px; overflow: hidden; border: 1px solid #80C622;"> <div style="height: 16px; width: 10%; background-color: #bbea7d;"></div> <div style="margin-top: -16px; text-align:...
I'm writing a plugin for wordpress and am having trouble with images. If I have my plugin in wp-content/plugins/my-plugin/ and in there, a folder images/test.png - how do I reference that image in my code? I don't want to have to put the images in to the theme, as when other users come to get my plugin, the image won't work! so my struc...
I want to create table only using tag and CSS. This is my sample table. <div class="divTable"> <div class="headRow"> <div class="divCell" align="center">Customer ID</div> <div class="divCell">Customer Name</div> <div class="divCell">Customer Address</div> ...