I'm looking for a tool that can analyze a large site and look for orphaned css. I work on this project that has gone through a couple of UI updates. Scrapping the whole thing and redoing it all would take forever. What I would like is a tool that reads a css file and then lets you browse the site, keeping track of what definitions wer...
I use the latest version of textmate for all my Rails development needs and I feel that I'm under-using the possibilities or this software. I only installed the Ruby on Rails bundle and use little to no snippets / shortcuts. What do I absolutely HAVE to know / do in order to get the most out of my textmate in a web development environm...
Ive tried to create a stylesheet, its looks like this .MyStyle { /* IE6/7/8 - Must be first */ @font-face { font-family: yourFontName ; src: url( ~/fonts/Heidelbe-Normal.eot ); } /* FFx3.5/Safari/Op10 - Next */ @font-face { font-family: yourFontName ; src: url( ~/fonts/Heidelbe-Normal.ttf ) fo...
Trying to find an example that has css rollover using sprites & sliding door techniques combined. I am not css literate, so a complete example or link to a complete example would be appreciated. All I am trying to do is to have <a href> buttons that are not fixed width with a nice rollover effect and the possibility to add an icon (sim...
I have the following drop down menu and the background looks black in Chrome but white on Firefox/IE/Safari across Windows/Linux/Mac. I'm using the latest versions of all those browsers. <style> select { background-color: transparent; background-image: url(http://sstatic.net/so/img/logo.png); } </style> <select> <option>Ser...
I've got my autocomplete plugin working perfectly... except I have certain info that I want displayed in the autocomplete divs, but I don't want to end up when the user makes their selection. Ie... I have an auto complete for currencies... they can search by either currency code or country... as they search it displays both info along w...
I've always heard that margins in CSS will collapse when next to each other, so that settings two elements to have 40px all around will only result in 40px between them. Is this an old way to render CSS, as in does it not work this way anymore? This is the HTML and CSS. I can't seem to get the margins to collapse: Relevant HTML <div ...
I am trying to do what "float" do, but not selectable for copy. This is an example of how this is used: <p> Lorem ipsum dolor sit amet, In a mollis est. Cras vel tortor in purus mattis venenatis. <span style="width: 5em; border: 1px solid black; float: right"> What does "venenatis" means? this is a margin notes! </span> Vivamus aliquam...
First of all, sorry about that title. I'm not the best at writing those things. I have a container div (let's call it #container) which contains two divs (#a and #b). I am not in control of the content of these two divs. I want #container to be the height of #a. I also want #b to stretch (or shrink, depending) to 100% of #container, a...
Ive googled alot trying to figure out how to embed fonts on a webpage. As i understand it you should upload the fonts to your webpage in .ttf and .eot formats. and the use @font-face in a stylesheet. I have placed the Kingthings_Italique.eot and Kingthings_Italique.ttf in the root of my webpage. Createt a stylesheet like this. .MyStyl...
I'm editing a CSS style sheet in Eclipse and I constantly have to copy out e.g. #FF9C21 into an HTML page to see what color it is. What is the best CSS editor (or Eclipse plug-in) that would allow me to: hover over #FF9C21 to see a little square of that color right click on #FF9C21 to pick a new color from a visual color selector ...
hello, i’m going bananas here, somehow below all of my images in my page there is a gap, a margin wich isn’t there in the code. Even Firebug can’t see it but Firefox and Safari are rendering it - EVEN WITHOUT CSS AT ALL! Never happend to me before...! <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml...
Im trying to put a link called submit resume in menu using li tag. when i give space between submit and resume it wraps down. How to prevent wrapping. help me ...
What is the difference between # and . with CSS? #main { background-color: #fff; _height: 1px; /* only IE6 applies CSS properties starting with an underscrore */ } .main { background-color: #fff; _height: 1px; /* only IE6 applies CSS properties starting with an underscrore */ } ...
Hello All, I have the following html code. <html> <body> <div style="max-width:1600px; min-width:900px;" > <table> </table> </div> </body> </html> My question , when I have the screen resolution to 1024 * 768 then the table should fit the screen and when I increase the screen resolution to 1600 * 800 the table size sh...
Hey everyone, here is the site in question: http://www.myvintagesecret.com/ I have a bunch of posts on the front page. The header in in a H2 tag. Beside that, I will sometimes have a div called Clip. I want the title to wrap onto the next line IF there is a .clip div there. My problem is that IF there is a .clip div AND there is a lon...
Hey all, I have a simple search box that it hidden until hover(over) and hides again on hover(out). In Firefox all is normal, but in Safari there is a tiny flash after the hide animation where the full bar is visible. You can see what is happening (in Safari only) on the homepage of my site: stormink.net. (the search button is in the to...
I have the code below with 3 columns. I want to have the border of each column and each column also has its own color. I tried many previous examples of multiple column css problem and they don't work. For example, I don't want to use dirty trick of background image to render background color and border because the website allows changin...
Okay, I've noticed something, but couldn't find it in the CSS spec. Styling an element with position: fixed will position it absolutely, with respect to the browser viewport. What happens if you place a fixed-position element inside another? Example CSS along the lines of: .fixed { position: fixed; width: 100px; height: 100p...
I tried : .bb ( border-bottom:1px; ) <tr class="bb"> But no effect at all. ...