Are there any utilities that will crawl a site and determine which css rules are in use and which are not? We have a large site and a huge CSS file (--don't blame me I just got here). And, I think much of it is not being used however I'm afraid to strip stuff out just in case. The file is confusing and difficult to manage and I think...
In IE7 standards mode rendering, a strange thing happens with the following body: <body> <div style="border: 1px solid black;"> <span style="float: right; font-style: italic;">some text to the right</span> other text to the left </div> </body> The body width doubles, even though the <div> width looks correct. There is just...
Hi there, I have a variable number of boxes and I'd like to display as many as I can without forcing the viewer to scroll horizontally, there should also be a certain space in between them. This means that the boxes will have to move to the next or previous "row" if the browser is resized. How do I achieve this using divs and CSS? Tha...
How can I achieve 3D text transformations in perspective using Javascript/CSS. Solutions using external libraries of Javascript/CSS are also possible ...
I am building a new website. The html and css is verified but i have trouble displaying the correct layout for ie7. You can view a screenshot of the problem here: http://img.skitch.com/20100911-x2qpb93hd7i2gjkynhabxwqpyu.jpg How do i prevent ie7 from putting the extra space between the breadcrumbs links? The links should be like this:...
A page on my site has a link to a stylesheet for media="print". <link rel="stylesheet" href=".../print.css" type="text/css" media="print" /> Most browsers correctly ignore this link when rendering for a screen, but IE7 includes the file and processes the style rules, rendering the page inappropriately for a screen display. How doe...
Hi, I had a quick question concerning css and a template i'm using. I have two fields in my CSS: .content { padding:10px; width: 100% text-align:justify; font: 9pt/14pt 'Lucida Grande', Verdana, Helvetica, sans-serif; } #errorExplanation { width: 400px; border: 2px solid red; padding: 7px; padding-bottom: 12px; margin-bott...
I am trying to make a SIMPLE Css percent bar. OK go to http://htmledit.squarefree.com/ and copy/paste this in it: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <style> #perc { width:...
Hello Guys, I have many hrefs(with dynamic Ids) in my asp.net app that have the same CssClass=MyClass. I want these button to be hidden with a condition. I used the .ready $(document).ready(function() { if(condition) $('.MyClass').css("display","none"); }); the problem is docuement.ready doesn't execut when there is a poctba...
I'm designing a menu for a photography site. What I would like is a menu that on hover does two things: pops up an individual image in line with the menu <li>, and also displays just below the menu some text that stays centered in the page, i.e. has position:fixed;. I've taken care of the first requirement, but I'm stuck as to how to a...
Hello, I use ajax to return html code and append it to a div layer: $(div_layer).append(ajax_value); ex: <br/> <div id="divName"><br/> --value appears here--<br/> </div > I can successfully append the code to the div layer, but the css attributes are lost ONLY in IE. eg: border-color, border-width. help me out, thanks edit: ...
Hiya, I want to add an Amazon Books Wish List to my site and I want to style it with CSS. So, how can I do it? Should I use PHP or can I use Jquery? Do you know PHP tutorials for it or any Jquery plug in? Thanks ...
I'm wanting to use properties from other css classes without having to rewrite the code...I'm not too savvy with css so please forgive me for the simple question. Is it possible to do something like this or similar to it in css? .class_a { background:red; } .class_b{ .class_a; } ...
I am designing a website and it looks good in basically all browsers except IE7, where I have a problem I haven't been able to correct. I have a menu in HTML like this: <div id="nav"> <ul> <li id="cMenu"><a id="cart" href="#">Home</a></li> <li id="pMenu"><a id="promos" href="#">Promos</a></li> ...
I want to have a div that is semi opaque filled with text that is not opaque at all. My problem is that when I make the div semi opaque the text is semi opaque too. Is there way to have my text appear as it normally would? Below is what I'm using now: .opac { opacity:.2; background-color:black; } ...
For example, if you look at Facebook, they have a short blue bar on top that extends the entire width of the browser. I thought about using width:100%; but I know that it needs to have a parent element to be able to do that. ...
I have a site where the page is formatted to be 800px wide with an image taking up the top 40 pixels. I wrapped the image with an anchor tag so that clicking on the image takes user to home page. When I wrap the image with an anchor tag, the image seems to shift to the right a little bit which throws of the alignment! Is there a way I c...
So I know how to control what happens when you hover over a link, and after you have pressed a link. But my question is how do you change a link after you have clicked another link? For example, you click "Profile" on Facebook. The "profile" box is highlighted after you've clicked it. Then you click "home" and the "profile" box goes bac...
Let's say by using jQuery I can set the width of a DIV doing this: $('#perc_in').width("14%"); then I make it do this: $('#perc_in').width("57%"); Is there a way I can make it so instead of going from 14 to 57 I can make it SLIDE the progress bar from 14 to 57 percent? It's a simple div around another div with the percent being the...
Hello all, I'm creating a bookmarklet for my iPhone which will add a scrolling menu to the upper-left corner of the screen. The problem I've run into is that if I visit a site which can be zoomed in, when I zoom in my "floating" div becomes larger as I zoom in the page. Is there a way so that my div will be .2 inches wide (measurable wi...