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:

Apr
11th

JavaScript onClick Image Swap

Today, I will teach you how to write JavaScript and HTML so that when visitors come to your site click on the image button, then the image button will change to a new image button. When the visitor clicks on the other image button, the original image button will reappear.

Here’s the code for creating an onclick image swap effect, just follow it step by step:

(more…)

Apr
3rd

Marquee & Blink Tag

Files under HTML & CSS | Leave a Comment

<MARQUEE> and <BLINK> are 2 browser specific tags. However, these tags are displayed only by certain browsers only.

<BLINK>: Mozilla Firefox

<MARQUEE>: Internet Explorer

BLINK Tag

This tag can be supppored only by Netscape. IE ignores this tag. So if you are using Internet Explorer you wouldn’t see the blinking text below.

<BLINK>Blinking Text</BLINK>

Advantage: It is a standard HTML tag which is actually easiest way to grab visitors attention to something you think that is important in your page.

(more…)

Mar
6th

COLSPAN and ROWSPAN Tutorial

Files under HTML & CSS | Leave a Comment

Every webmaster also know that table cells can be spanned more than one column or row. The attribute of ROWSPAN is used to make cell span multiple rows. If let say ROWSPAN=”3″ it will only span a column vertically across three rows.

<table border=”1″ cellspacing=”2″ cellpadding=”2″ width=”200px”>
<tbody>
<tr>

<td>Codebasic.net</td>
<td rowspan=”2″>spanned</td>
<td>myLengLui.com</td>
</tr>
<tr>
<td>
imDavidLee.com</td>
<td>LifeTechie.com</td>
</tr>
<tr>

<td>LimPek.com</td>
<td>innoDesigner.com</td>
<td>PenangBlogger.com</td>
</tr>
</tbody></table>
Codebasic.net spanned myLengLui.com
imDavidLee.com LifeTechie.com
LimPek.com innoDesigner.com PenangBlogger.com

The COLSPAN attribute is to make a cell span multiple columns. It spans the columns and will make your table cell span horizontally.

(more…)