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
Here is an email that I received yesterday from Mike M of VoloMike and a problem that he found when trying to use conditional comments for IE8.
“So last night I discovered to my horror that if you are trying to do custom CSS for IE8 using conditional comments, your XHTML or HTML will be required [...]
Categories: CSS Tips, Posted on March 21, 2009 by Choppr
The first way is simple but very efficient when you don’t have tables, iframes, etc. It will reset the padding and margin for all the html elements.
* {
padding: 0;
margin: 0;
font-size: 100%;
background: transparent;
}
The second way, [original]:
html, body, div, span, applet, [...]
Categories: CSS Specificity, CSS Tips, Posted on February 25, 2008 by Choppr
Linking of style sheets using HTML
One of the best methods of adding an external style sheet to a web page is to use HTML <link> tag. You can write the tag in a slightly different manner depending upon whether you are using HTML or XHTML.
For example, here is an HTML:
<link rel=”stylesheet” type=”text/css” href=”css/global.css”>
Here’s XHTML:
<link rel=”stylesheet” [...]
Categories: CSS Tips, CSS Tutorials, Posted on February 21, 2008 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.