I am working on a site and I would like to make a user able to enter custom CSS into that will be publicly displayed. However, seeing as a good deal of XSS attacks can be preformed through CSS, I would like to be able to find a way to "clean" the CSS output, similar to how HTML Purifier works, by parsing the CSS, running the parsed CSS ...
I have a group DIV tags in an HTML page whose location is controlled via several parent/grandparent DIVs. Those parent and grandparent's location is controlled via CSS classes. I need to retrieve the top attribute of the given DIV. Where is it in the DOM or how would I calculate it using Javascript? Clarification: I need the coord...
I am working on a site that uses three small images as links to twitter, facebook, etc. I have a callout image that I would like to appear when I mouse over the image. The key here is that the callout image not interfere with the other images and text on the page. Is there a handy solution that would meet this need? ...
I have a need to create a small pop up information box when a user clicks on a certain link. Basically just a hidden div that floats above the content at the location almost like a tooltip, but requiring a click. I've tried passing the event.clientX and clientY to the style.left and style.right properties, but it doesn't seem to put it ...
What're the best practices for CSS/HTML minimizing? I'm looking for server side tools to fasten the interaction with the browser. ...
Hi all, I'm trying to use jquery and blueprint css to do a (so i thought) simple task, which is illustrated in the code below. Basically, I have a list of items, and I want to have a X at the end of each item so that the items can be deleted, i would also want the X appearing only if the user mouseover the list items. The mouseover part ...
I've got a html-page with a picture on it and would like allow the user to click on the image to add a red dot and a title to the red dot. After adding some dots he should be able to save or print it. What's the best way to implement this with ruby on rails, html, css and (or without) javascript. ...
Hello everyone, I've built a custom server control that uses custom CSS. The problem that I have is that I have to set a reference to the css file on each page I use the control. Can I set this reference inside the control ? So that I could just add the control and not worry about the reference. ...
I have a header on my page which is just over 100px (111px to be exact) The div below it needs to extend to the bottom of the viewport, as if i had set the bottom to 0px. The problem lies in the fact that i cannot specify top and bottom in ie6 (bug). I can either specify top: 111px or bottom: 0px, but i still need the height to be corre...
Hello I want to convert the font-size property value from percent to pixel lets say I have this html code <div style="font-size: 180%;"> <a href="http://www.example.com"> link </a> </div> How to find the equivalent value for font-size: 180%; in pixel? Thanks ...
I am working on a website and i faced a problem with internet explorer box model (padding & margin) so I tried to fix it, in internet explorer 7 i fixed it by using a appropriate doctype but it doesn't seem to work on internet explorer 6, is there any way to fix the internet explorer 6 box model ? any help is appreciated. ...
Hello All, I have created web pages where am using pixel to position various html elements. It works fine on my current setting (1024 *768 ).But if I change the display setting to 1600 * 1200 then the web page looks really small. Is there a solution for this ? Regards, Mithun ...
I need to make a button look like a link using CSS. The changes are done but when i click on it, it shows as if its pushed as in a button. Any idea how to remove that so that the button works as a link even when clicked? ...
As far as i know and i think it's the standard padding will always add up to the width you specify in your css, for for example: .content{ width:100px; padding:10px; } <div class="content"></div> This div will have 120px actual width. This standard applies to IE Firefox Opera browsers. The problem is in safari it's not the same a...
I want to fold a table so that some rows are hidden. I want to maintain the size of columns, so that they don't leap around when you hide rows (this happens if you use display: none; indeed, the table width can also change). I also want the table to reflow when the window size is changed, so that a table full of data uses as much space...
I need to create a dropdown, which can contain 100s of options. I need a scrollbar to appear and be consistent across all browsers. Google came up empty: Is there a good URL that describes if this is consistent or not? Thanks. ...
I'm trying to align a list of div blocks by 2 columns that have varying heights by floating them to each other. If every block's size is fix, they will naturally stack with one another neatly, however because this one involves varying heights, for blocks that are taller, the adjacent block will have alot of blank space below, before goin...
I'm trying to make sure my web application is always centered on the screen regardless of screen resolution. I've tried: .Logo { Top:15px; Left:50%; } But it's not doing anything really. Any help, wise CSS-Gurus? ...
Why doesn't the wrapper div wrap the one and two divs? (In Firefox browser) <html> <head> <style> #wrapper {position:relative; background:red; border:solid 1px green;} #one {position:absolute; top:0; left:10px; width:30%; border:solid 1px blue;} #two {position:absolute; top:0; right:0; width:30%; border:solid 1px yellow;} </style> </hea...
I need some help. Here's what I'm getting right now: img ref I need the gradient to stretch itself vertically using CSS. Here's the code for my CSS + HTML. <html> <head> <title>Test Site 1 - Color Palettes and Scheme Test</title> <link rel="stylesheet" href="TestSiteCSS.css" type="text/css"> </head> <body> ...