Tag: HTML

The History of HTML5 in Line with Popular Culture Events

HTML5 – we’ve all heard the term enough over the past couple of years since its release.  some of us even know what it is – a markup language that forms the backbone of nearly every website on the internet.  Even if we know what it is, we may not be aware that it followed on from HTML4 and offers handy features such as media playback and offline storage, important issues for programmers and developers alike.  When it comes to the history of HTML5, it’s all tied into the history of computers in general.  You can see how it...

Read More

Conditional Styling for Internet Explorer

In this tutorial I’m going to teach you how conditional stylesheets work and what are some reasons to use them. First off conditional stylesheets can target certain versions of IE or hide certain things from it. It’s a good way to work around the differences Internet Explorer uses in its browser. All the code I’m going to show you goes somewhere within the <head></head> tags in your HTML file. The example below shows how to target ALL versions of IE : <!–[if IE]> <link type=”text/css” rel=”stylesheet” href=”IE-only.css” /> <![endif]–> It is also possible to simply write the CSS for IE right in the conditional stylesheets : <!–[if IE]> <style type=”text/css”> #div_outer { margin-left: 20px; } </style> <![endif]–> Here’s how to target all versions BEFORE IE 8. The “lt” stands for Less Than : <!–[if lt IE 8]> <link type=”text/css” rel=”stylesheet” href=”IE_lessThan8.css” /> <![endif]–> Here’s how to target all versions ABOVE IE 6. The “gt” stands for Greater Than : <!–[if gt IE 6]> <link type=”text/css” rel=”stylesheet” href=”IE_greaterThan6.css” /> <![endif]–> Anyone with previos programming knowledge knows that an an exclamation point “!” means NOT. So to target everything EXCEPT Internet Explorer : <!–[if !IE]><!–> <link type=”text/css” rel=”stylesheet” href=”noIE.css” /> <!–<![endif]–> To show message only in IE 5: <!–[if IE 5]> <p>This message is only displayed in IE5.</p> <![endif]–> To show message in Browsers other than IE 5 : <!–[if !IE...

Read More

Review: PSD to HTML Service by PixelCrayons

Online business market has become really competitive these days. In every field, you find so many players who are competing against each other. One of the parameter which differentiates one online business from the other is their website design. Online business market has become really competitive these days. In every field, you find so many players who are competing against each other. One of the parameter which differentiates one online business from the other is their website design. Website is an important asset of every online business. It acts as the first medium of interaction between the company and...

Read More

Slice your Mock up to make Website – Part III

This is the third and final part. In this part I would be telling you how to make Link having Mouse over behaviour, how to give Bullets in CSS, how to put Flash while it will be Validated through W3C Validator, also how you can Float Pictures on DIV. So this is also very important tutorial, hope like the two tutorials before, you have practiced a lot. [Goto Part I] [Goto Part II] 1. First of all I’m going to tell you how you can apply Fonts to titles. I’m making a DIV in CSS but not giving it size, just giving the Font color only, as: .Golden-Title{ color:#c6b182; font-weight:bold; } 2. Now I’m going to apply this settings for the Titles in Golden, like in the body at News area, so I’m going to select the text and from the Property Panel in Class list box, just select Golden-Title and it will apply the settings to that text, so code will be: <span class=”Golden-Title”>06/03/2010</span> Note: I’ve not called class=”Golden-Title” in the <p> tag because I just wanted to change the font of date and as date is included in the paragraph with other text, so If we apply this DIV in <p> then it will change the whole text. 3. Now I’m going to make some links and then changing its normal and mouse over colors. I’m selecting...

Read More