CSS Tips & Tricks

The WordPress Featured Video Plugin is a very useful and powerful feature to add in your wordpress blog.
* It  reads and displays a video in your wordpress blog post.
* All you need is tag the video HTML code as follows:
[youtube:url to your video] (e.g. [youtube:http://www.youtube.com/watch?v=7o84PE871BE]) or taggged [googlevideo:url] (e.g. [googlevideo:http://video.google.com/googleplayer.swf?docid=8577255250907450469])

Keep reading »

CSS stands for Cascading Style Sheets.

Typically a Style Sheet is a plain text document with a set of instructions (CSS styles, rules) specifying how each element (selectors) in your web page should be appear in a computer screen or even how it is printed on a sheet of paper.

Keep reading »

How to make the vertical navigation column expands through the entire height of the web page with CSS. That’s question often asked time and time again on various forums.

While this can be easily achieved with table-based web page layout, it can be tricky when using CSS instead. As a matter of fact maintaining columns of same height when one of them is expanding vertically is quite a bit of a challenge in CSS without the use of javascript.

Keep reading »

The power of CSS, besides giving the web designers more control over the web pages layout is also the separation between the page content and its presentation.

Linking your web pages to an external CSS file makes the HTML code cleaner, creates a more consistent look throughout your web site and updating your web pages layout much much easier: modify your CSS files then all your web pages follow the new CSS rules in a snap.

Keep reading »

Css offers web developers a new way to control the display of the background image in a given layer.

With plain HTML, the background image is always tiled both horizontally and vertically in the containing area. The usual trick to avoid the tiling was then to create a background graphic with the same dimensions as the area it’s placed.

Keep reading »

You can create a CSS layer that scrolls when its content exceeds the dimension of the viewable area defined. All you need is to specify the overflow rule in your layer style definition: #layer{overflow:scroll;}

Unfortunately both the vertical and horizontal scroll bars are displayed even though in most cases we just need the vertical scrolling of the content.
You will learn here how to “get rid off” the horizontal scroll bar.

Keep reading »