Archive for the ‘CSS’ Category

The outline dotted border and the image replacement technique

May 5th, 2010 by Catalin Rosu - 5 comments

If you are a web developer then you surely know what is an image replacement technique and what that means. One of the most common CSS techniques is the Phark Method, a very good and simple method.

Although this is very used, I noticed developers tend to skip fixing Firefox appearance of a dotted border that goes to the edge of the screen. In this tutorial I will show you how this can be fixed in a simple way.

Image replacement technique and dotted border

Submit form on enter key using anchor

February 1st, 2010 by Catalin Rosu - 2 comments

These days I tested what’s happening if you have a form and instead a submit input you choose to submit the form using an anchor. If you do that, you will notice that the form won’t submit on ENTER key. So how can we submit a form on enter key using anchor?

Center a block element without knowing its width

January 30th, 2010 by Catalin Rosu - 1 comment

Centering an element may seem quite simple thinking that “text-align:center” will solve the problem. Or maybe set “width” and “margin: 0 auto”, but what happens when you need to center a block element with variable width?

In this article you’ll learn how to center a block element with variable width.

By default div has auto width

Add drop shadow effect using CSS text-shadow property

December 13th, 2009 by Catalin Rosu - 1 comment

One of the CSS properties people like to use nowadays is the CSS text-shadow property. The text-shadow property represents a comma separated list of shadow effects to be applied to the text of the element.

The times when you had to use the CSS image replacement technique for a simple text shadow effect are gone.

Things you should know about CSS anatomy

December 1st, 2009 by Catalin Rosu - 6 comments

I often notice people tend to use stylesheets without knowing its structure meaning. That’s why, in this tutorial I will try to present you the CSS components structure.

CSS Structure