Yes, yes, yes absolutely use a CSS Reset if you plan to develop for cross-browser compatibility.
Also, Yahoo YUI reset in another excellent choice.
Categories: CSS Specificity, CSS Tips, Posted on October 31, 2009 by Choppr
The short answer is:
@import url(“base.css”);
Howerever, bare in mind that every @import statement is a new request to the server. This might not be a problem for you but when optimal performance is required you should avoid the @import. Think twice!!! Do you even need to have 5 stylesheet files.
Categories: CSS Tips, Posted on by Choppr
So, the problem is how to align checkbox and its label and looking the same in all browsers. You align them in one browser and then check with another they can be completely messed up.
Let’s have the standard code first:
<form>
<div>
<label><input type=”checkbox” /> Label [...]
What is a good method for testing website layout designs across multiple browsers and operating systems?
Screen capturing services are a great way to do this.
BrowserShots (Free)
http://browsershots.org/
BrowserCam & LitmusApp (Paid)
http://www.browsercam.com
http://litmusapp.com
These kinds of services are nice because they allow you to specify a certain amount of time to wait for the page to load, and [...]
Categories: CSS Tips, Posted on by Choppr
This layout can be done quite simply with 2 HTML tables, one nested inside the other, or even with a single table. However, can it be done only with CSS??? Here is a solution I found, it’s pretty cool check it out.
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml” xml:lang=”en” lang=”en”>
<head><title>The Challenge</title>
<style type=”text/css”>
div [...]
Categories: CSS Tips, Posted on by Choppr
Well there are couple of options when it comes to round corners.
Images
The old fashion way is using images. Some say that the other ways (JS for example) aren’t nearly as good: No anti-aliasing and senseless markup.
jQuery
All those JS fans would say go with jQuery, CSS support is minimal, images are too fiddly, to be able [...]
Categories: CSS Tips, Posted on by Choppr
First of all it depends on your audience and your content. Amazon and Wikipedia are only couple of examples and are one of the most visited websites in the world. When asking a question like this or even thinking of creating a fluid layout the first thing that pops-out in most front end developers is [...]
Categories: CSS Layouts, CSS Tips, Posted on by Choppr
You've arrived on the "Advanced CSS/HTML Explained" weblog. Here you will find how can you tackle the more difficult topics of Cascading Style Sheets: Floating theory, Forms, Tables, Navigation elements, CSS Positioning. Also you will find lots of Resources, Tutorials, Articles, and Tips, Tricks Tools, and Techniques on CSS.
This blog is brought to you by TheChoppr.