Category: Cascading Stylesheet

Putting external link icon in WordPress

Allow your website visitors to determine whether a link is internal or external by modifying your WordPress theme so that it automatically inserts a small graphic to any external link in your website’s content.

no thumbnail yet

[ 4 Comments ] Posted on January 30, 2010 under Cascading Stylesheet

Using customized mouse pointer on your webpage

Tired of seeing the same bunch of mouse pointers in every website? Why not try creating your own?

no thumbnail yet

[ No Comments ] Posted on October 25, 2009 under Cascading Stylesheet

Forcing the master block element of a centered fixed-width layout to vertically expand

When creating a fixed width layout using auto margin, the master block element that contains all the other block element tends to shrink its height to zero as viewed in Firefox, Safari and Chrome, but not in Internet Explorer. A single line of code can force the master block element to expand like how it appears on non-centered fixed layout.

no thumbnail yet

[ No Comments ] Posted on October 21, 2009 under Cascading Stylesheet

Styling mouse pointer using CSS

Aside from the default setting with hand on links, I-shaped bar on texts and arrow in everything else, you can control what mouse pointer appears to specific part of a webpage using CSS.

no thumbnail yet

[ No Comments ] Posted on April 29, 2009 under Cascading Stylesheet

Margin and padding of block elements

Margin and padding are two important attributes that are useful in providing appropriate spacing between HTML elements. In particular, they are useful in rendering proper spacing among block elements in a pure CSS layout. The difference between margin and padding and how they render to block elements will be discussed in this article.

margin-and-padding-of-block-elements

[ No Comments ] Posted on December 27, 2008 under Cascading Stylesheet, Hypertext Mark-up Language

Fixed-width two-column CSS layout

Design a simple website with two columns (content and side menu), a header and a footer. The width is fixed but it can expand downward to accommodate more content.

fixed-width-two-column-css-layout

[ No Comments ] Posted on December 6, 2008 under Cascading Stylesheet

Centering a fixed-width webpage using absolute position

A method of centering a fixed-width webpage that uses absolute position attribute to determine the exact coordinates of the outermost block element. You can center a webpage horizontally, vertically or both.

centering-a-fixed-width-webpage-using-absolute-position

[ No Comments ] Posted on December 1, 2008 under Cascading Stylesheet

CSS Image Flip with text anchor link

One advantage of CSS Image Flip compare to Java Image Flip is the capability of the former to accept text-based links. This image flip uses CSS and allows you to use text-based link instead of an image link found in other methods of image flip.

css-image-flip-with-text-anchor-link

[ No Comments ] Posted on November 27, 2008 under Cascading Stylesheet

« Previous Entries