The other day I found this little piece of software - WARI. It stands for Web Application REsource Inspector. Apparently it checks dependencies between css, html, js and images and reports unused and duplicated css styles, javascript functions and images. Link: WARI is released! What do you use? Any alternatives? ...
EDITED: this first version was a false example with false assumptions! See below for new version! The Setting: I have 2 absolute positioned divs: <div class="menuSubBack"> </div> <div class="menuSub"> <ul> <li>test1</li> <li>test2</li> </ul> </div> with the following styles: <style type="text/css"> .menuSub { pos...
My work has recently deployed Sharepoint and I'm currently trying to get to grips with it. I'd like to be able to completely customise the way my blog looks but I have no idea where to start. I had a look through Microsoft's developer site and it does look like they have a lot of stuff there but it all seems to be pitched at a much high...
I've added some expand/collapse functionality to a table with jQuery and I'm now trying to do some fine tuning on the button positioning with CSS, - yet I can't seem to act on the img element. Here's an extract from my code: <body> <h1>Outstanding repairs assigned to me</h1> <table class="sortable paginated collapsible"> <thead>...
I have a div floated right. Inside that div are two other divs. The first div has a background color and when I refresh, it's "bleeding" into the second div. (Sometimes in front of it sometimes behind it.) When I scroll, it fixes itself. When I refresh it does it again. This is only happening in IE7. Bug? code below #sidebar {float...
Webkit decided there weren't enough browser incompatibilities and added 2px of padding to my textarea. However, if I set padding:0 then it looks awful when typed in. Is there a way I can make it the same size without destroying the display? (It seems like -webkit-padding-start:2px and -webkit-padding-start:2px will fix the left and ri...
I have a website that renders a calendar-like presentation that is set out using css. It took a while to get the rendering just right. In fact, different browsers require a unique css. I am having difficulty now with IE8 (as well as Opera9) in that the presentation does not take up the full screen width. I would appreciate advice. t...
hi good people, been a while I have had my hands full with a cold but I came back to a problem we never found an answer to, it the homepage of a site I am workin and I said that my tabs would just scatter on a resolution less than mine or around it but not quite. I am on a 1280x800 screen and it displays no problem but as soon as I drop...
With css. Please don't refer me to another link. EDIT Make something always at the bottom of viewport no matter how you scroll the bar. ...
Hi. I'd like to fade in several boxes aligned horizontally one after the next. Say each box belongs to class fadeable and has an id. Addtionally, I'd like to fade the boxes from the outside in. For example: _ _ _ _ _ _ _ _ _ +_ _ _ _ _ _ _ _ +_ _ _ _ _ _ _ + + + _ _ _ _ _ _ + + + _ _ _ _ _ + + + + + _ _ _ _ + + and so forth. What is ...
Hi; How can i draw dotted line with css? i searched but could not find. thanks ...
I am looking for good reading references of styling data grids for web. Not necessarily the technical details (how to do it), but more guiding principles (what to do). Something like the Apple's Human Interface Guidelines, but for web and more specifically for data grids. ...
Hi guys, I have a google maps on my page with a search pane I built myself which can be displayed and hidden at will. It covers like lets say 200 pixels of the map on a side. The thing is that when I resize my map or so the area where the pane overlaps is unrendered i.e the map doesn't render there for some reason. Check out this link ...
I want to change the class of the div if the length LI is greater than 3. and if less than 3 then class name should be the default like "content" and if more than 3 then class name should be "scroll-content" <div class="classname"> <ul> <li>Content</li> <li>Content</li> <li>Content</li> <li>Content</li> </ul> </di...
Is Selenium IDE useful for XHTML CSS coder? ...
As the question implies, can I add a JQuery script inside an css file as an expression? Or something like: .parent{ background-color: pink; position:relative; width: 100%; } .child{ position: absolute; background: transparent url('./background.gif') no-repeat top right; /*height: 100%;*/ height: expression($(this).parent.height...
I have a very simple script that slides a message down from the top of the page, then slides it back up after a few seconds. Works fine in FireFox, Chrome, etc, but in IE (6 through 8), after the slideUp completes the div appears at full size for just a moment before disappearing, creating a nasty flash. Any ideas on how to get rid of th...
Hi, I have created two rounded corner boxes which i would like to be aligned next to each other .But the 2nd box is appearing directly below the first one inspite of me using float:left on the 1st one. Any way to fix this would be really helpful. Below are the html and the css. The HTML : <html> <head> <title>Homepage</title>...
I'm trying to package up resources into a jar, but I'm having trouble getting Flying Saucer to find the css on the classpath - I can't construct a URL easily to be able to resolve this seamlessly. Does Flying saucer have a way of specifying resource packages on the classpath to resolve items and images? Note: I'm running this in a web...
I'm creating a popup using a div element over a JSP page td element. A blackbox specifies (dynamically) which td elements may display the popup, and the content to be shown in the popup 'floating' to the right of the element, and a little above it's centre. The CSS applied to the div element are as below .shewn{ background-color: ...