Aug
20th

Javascript Expand/Collapse in Tree Structure

Files under Javascript | Leave a Comment

If you have a large number of items to show, then it would be very long list. You can solve the issue by nesting one block within another, you can create tree-like structures where each individual node can be expanded and collapsed.

javascript expand and collapse

You can follow the sample code for this tutorial below:

(more…)

Jul
30th

CSS Float Tutorial

Files under HTML & CSS | Leave a Comment

The CSS float property is very important property for layout. First, you have to understand how it works then only can position your web page designs exactly as you want them to display.

A CSS float property looks like this:

.right {float: right;}

css float tutorial

Step by Step: Floating an Image to the Right

Step 1: Start with a paragraph of text and an image

For example, your paragraph will look like this:

<p>As jy soek na gratis PowerPoint templates het, het jy op die regte plek. Ons het ‘n groot versameling van agtergronde, voorlegte, en meer inspirerende free stuff pragtige presentaties op te bou. Alle temas ontwerp is gratis om af te laai en ook 2 of meer skyfies gereed-vir-gebruik. Aflaai, pak en neem die volle beheer oor jou PowerPoint voorleggings.</p>

(more…)

Jun
20th

How To Embed Web Page within Web Page?

Files under HTML & CSS | 1 Comment

If you feel struggle on displaying a web page within another web page, then this HTML code may help to solve the problem.

How can i do that? There’s no need long list of code, or complex JavaScript code, but it just use pure simple HTML tags.

Copy and paste the code below into your web page where you would like to embed the web page that you like.

<object data=http://www.imdavidlee.com width=”600″ height=”400″> <embed src=http://www.imdavidlee.com width=”600″ height=”400″> </embed> </object>

See the preview:

Jun
8th

BrowserShots: Check Cross Browser Compatibility

BrowserShots.org is a web-based browser combatibility check tool that lets you preview how your website looks in all kind of browsers at one time. Just submit your website URL and wait few minutes for BrowserShots.org to generate screenshots for each browser.

browsershot

browsershot

It’s really FREE! It helps you to test your web design in different kind of browsers so you don’t really have to install them on your computer.

(more…)

May
2nd

Importance of TITLE Tag to Search Engine Optimization

The title tag will always be one of the most important factors in achieving high search engine rankings. The title text is placed within the <TITLE></TITLE> tags inside the HTML head section. It is displayed on the title bar of your browser.

title tag

The Title Tag is Very Important. Why?

As we know that there are many search engines around us and each ranked web sites in different algorithms. But the interesting fact is that all search engines gives more importance to a web site title tag while manipulating their ranking algorithms. So, I am sure title tag is crucial for search engines in their ranking calculations.

(more…)