CSS Hacks for Internet Explorer

Good web design is more than just a good looking web site, it’s also making sure that the web site design is displayed as intended no matter which browser a visitor to the web site uses.

Internet Explorer (IE) has always had issues with displaying CSS styles correctly. It became necessary for web designers to develop hacks to ensure that their designs looked as intended in Internet Explorer as well as other browsers. (Read more…)

Stop Browser Caching Using Meta Tags

Filed under: HTML / XHTML

Browsers typically cache the page it has visited to save on bandwidth and load time. This means that when you hit the back button, the browser will use its locally stored page instead of requesting the page again from the server.

You may not want browsers to cache pages in several instances such as for online forms where credit card or personal details are viewable. Another instance is when you’re trying to password protect web pages when using scripts such as Simple Authorization Script.

To stop browsers from storing a version of your web page in its cache, use the meta tag, (Read more…)

Javascript Pop Up Windows

Filed under: HTML / XHTML, Misc. Tips

Uses of Pop Ups

Pop up windows are used for a variety of reasons. As much as people hate pop ups, they are still a form of advertising that works. In particular, they are used for Pay Per Click (PPC) advertising as well as banner exchange advertising.

Pop ups are also useful for open up a link to an external web site without leaving your site completely. Once the user has finished with the external site, they can close the pop up window and go back to your site.

You can also use pop up windows to request visitors to complete surveys, or for newsletter signups. They are also a useful way to display your help or frequently asked questions page.

Methods of Creating Pop Ups

There are several ways to achieve a pop up window. The simplest method is to use (Read more…)

What’s the difference between HTML and XHTML?

Filed under: HTML / XHTML

The next generation of HTML (HyperText Markup Language) is XHTML (Extensible HyperText Markup Language). XHTML 1.0 is a reformulation of HTML 4.0 as an XML application, so it’s pretty much standard for software where syndication is used. XHTML was created to replace HTML. It’s stricter and cleaner than HTML and is endorsed by W3C as the recommended markup language for the internet. It’s almost identical to HTML with a few exceptions outlined below.

The main differences of HTML and XHTML are:

  1. Every element must be closed in HTML, this includes (but is not limited to) <br>, <hr>, <img> and <meta>. These tags are closed in XHTML by using a forward slash, so <br> becomes <br /> and <img> becomes <img />.
  2. All XHTML tags must be lowercase, tags such as <TITLE> would not pass XHTML validation.
  3. XHTML elements must be properly nested. An example of improperly nested elements is

    <strong><em>Improperly nested elements</strong></em>

  4. An example of properly nested elements is

    <strong><em>Properly nested elements</em></strong>

  5. Valid XHTML documents must also be well formed. This means that all XHTML documents must have:

    <html>
    <head>...</head>
    <body>...</body>
    </html>

Visit W3school.org for a tutorial on XHTML.