What is the best method to reduce the size of my Javascript and CSS files?
When working with large and/or many Javascript and CSS files, what's the best way to reduce the file sizes? ...
css
How to put text in the upper right, or lower right corner of a "box" using css
See the following. How would I get the "here" and "and here" to be on the right, on the same lines as the lorem ipsums? Lorem Ipsum etc........here blah....................... blah blah.................. blah....................... lorem ipsums.......and here ...
How to insert line breaks in HTML documents using CSS
I'm writing a web service, and I want to return the data as XHTML. Because it's data, not markup, I want to keep it very clean - no extra s or s. However, as a convenience to developers, I'd also like to make the returned data reasonably readable in a browser. To do so, I'm thinking a good way to go about it would be to use CSS. The th...
Why do fixed elements slow down scrolling in Firefox?
My question is simple, why do elements with the CSS "position: fixed" applied to them cause Firefox to eat 100% CPU when scrolling the page they are in? And are there any workarounds? I've noticed this behaviour on a few sites, for example the notification bar at the top of the page on stackoverflow. I'm using Linux in case that matters...
IE7 CSS Scrolling Div Bug
I recently came across an IE7 only bug that I thought I'd share so when I come to this site 6 months from now to figure out the same thing, I'll have it on hand. I believe the easiest way to recreate this bug would be the following: <div style="overflow: auto; height: 150px;"> <div style="position: relative;">[...]</div> </div> ...
Does anyone have a good resource for mobile CSS templates that work on most phones/devices?
More and more mobile devices are consuming content on my eCommerce sites. IPhones, Blackberries, PSPs, Windows Mobile, etc and I need some ideas how to handle repurposing my data using CSS templates for these devices. Any ideas would be great. ...
Text Centering Problem Using CSS with IE
I'm working on a site, and am having trouble getting text within a table to appear centered in IE. Firefox 2, 3 and Safari all work fine, but for some reason, the text won't appear centered in IE 6 or 7. I'm using: h2{font:300 12px "Helvetica", serif; text-align:center; text-transform:uppercase;}. I've also tried adding margin-left:...
Is there a way to make text unselectable on an html page?
I'm building an html UI with some text elements, such as tab names, which look bad when selected. Unfortunately, it's very easy for a user to double-click a tab name, which selects it by default in many browsers. I might be able to solve this with a javascript trick (I'd like to see those answers, too) -- but I'm really hoping there's ...
What Safari-specific pure CSS hacks are out there?
I'm wondering if there's any way to write CSS specifically for Safari using only CSS. I know there has to be something out there, but I haven't found it yet. ...
How to remove Firefox's dotted outline on BUTTONS as well as links?
I can make Firefox not display the ugly dotted focus outlines on links with this: a:focus { outline: none; } But how can I do this for <button> tags as well? When I do this: button:focus { outline: none; } the buttons still have the dotted focus outline when I click on them. (and yes, I know this is a usability issue, ...
What's the best way to organize CSS rules?
What strategies help you keep track of a large number of CSS rules? How do you organize your files, your code blocks, and your rules? ...
three column web design with variable sides
I've been trying to come up with a way to create a 3 column web design where the center column has a constant width and is always centered. The columns to the left and right are variable. This is trivial in tables, but not correct semantically. I haven't been able to get this working properly in all current browsers. Any tips on this...
CSS : Bad Gray Line to the side of the Navigation Bar on http://perl-begin.org/
Hi all! I'm maintaining the Perl Beginners' Site and used a modified template from Open Source Web Designs. Now, the problem is that I still have an undesired artifact: a gray line on the left side of the main frame, to the left of the navigation menu. Here's an image highlighting the undesired effect. How can I fix the CSS to remedy t...
How do I make an HTML table the same width as its containing div tag?
Hi, I have a table inside a div. I want the table to occupy the entire width of the div tag. In the CSS, I've set the width of the table to 100%. Unfortunately, when the div has some margin on it, the table ends up wider than the div it's in. I need to support IE6 and IE7 (as this is an internal app), although I'd obviously like a f...
Not using widths & padding/margins on the same element?
I've seen numerous people mentions that you shouldn't use widths and padding or margins on the same element with CSS. Why is that? ...
Is there an easy way to change the color of a bullet in a list?
All I want is to be able to change the color of a bullet in a list to a light gray. It defaults to black, and I can't figure out how to change it. I know I could just use an image; I'd rather not do that if I can help it. ...
CSS "frameworks" that account for browser irregularities?
I build websites for a small-ish media company. Unfortunately, around 45-50% of our client base uses IE6, while the other half are pretty much equally split between Firefox and Webkit-based browsers, with a sprinkling of Opera users. I start every one of my sites with a reset stylesheet similar to Eric Meyer's, with a few modificaions. ...
What is the best CSS grid framework?
I am evaluating CCS grid frameworks for web sites, blogs, and CMS-based sites, and have looked at Blueprint and Yahoo's YUI. They both look good, but it is not so easy to change the column sizes or spacing. And they both add a lot of weight to the first page's download. Are these the best, or are there other frameworks that are more fle...
What is the best CSS grid framework that integrates with Wordpress?
Note: This question has been deemed to be a duplicate of another: http://stackoverflow.com/questions/76996/what-is-the-best-css-grid-framework Please don't answer this one. Once I figure out how to move the answers over to that question, I will delete this one. Original question: I am evaluating CSS grids for multi-column web sit...
Find style references that don't exist
Is there a tool that will find for me all the css classes that I am referencing in my HTML that don't actually exist? ie. if I have <ul class="topnav" /> in my HTML and the topnav class doesn't exist in any of the referenced CSS files. This is similar to SO#33242, which asks how to find unused CSS styles. This isn't a duplicate, as tha...