Category: Cascading Stylesheet (CSS)

Putting external link icon in WordPress

[ No Comments ] Posted on January 30, 2010 under Cascading Stylesheet (CSS), WordPress tweaks

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.

Using customized mouse pointer on your webpage

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

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

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

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

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.

Styling mouse pointer using CSS

[ No Comments ] Posted on April 29, 2009 under Cascading Stylesheet (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.

Margin and padding of block elements

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

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.

Fixed-width two-column CSS layout

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

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.

Centering a fixed-width webpage using absolute position

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

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.

CSS Image Flip with text anchor link

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

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.

« Previous Entries