Category / XHTML
All XHTML articles are fall in to this category.
How to convert PSD to HTML
A PSD file or an Adobe Photoshop image which has been created and saved in the PSD (Photoshop) format is basically the origin of a website, and sometimes a complex thing to…
How to create liquid gradient rounded corner box
Slicing a gradient rounded corner box is not an easy task in psd to html, especially if you want to make it expandable. You can create gradients in different ways. Let’s consider…
How to create HTML forms using Lists
With this article I’m gonna show you how to create html forms using un-ordered lists. When you slice photo shop designs into css/html layouts, you can use list for greater extend to…
CSS Sprites
What are CSS Sprites? It is a way of combining small image pieces into one image, to reduce the number of HTTP calls made for image resources from your server while browsing…
CSS Sprites for Rounded Corners
In HTML coding rounded corners boxes are frequently encountered. Over the years CSS/HTML coders have used DIVs to implement rounded corners. In my article Rounded Corners Without DIVs, I have shown how…
PSD to HTML Slicing Hack
I believe PSD to HTML is an art rather coding. Great designers always should not think of how to implement there designs in HTML/XHTML. They should think of lucrative designs for the…
How to Align Unordered List bullet Image
This an article about how to align bullet image of an unordered list(ul). When you start slicing a PSD to html you will come across a number of times to align bullet…
Two Column Layout with Unordered List
Here is another demonstration of building a two column layout using the unordered list <ul> tag. Assume that you’ve been asked to code the following layout. We can code the above layout…
How to create a Rounded Corner Box without DIVs
When we talk about table-less HTML/xHTML coding, the first thing that comes to your mind is DIV. To create rounded corners, coders have been depending on DIVs all the time. Yes of…