Comments on: The Design Lab: PSD Conversion

By: 25 Useful Tutorials Show How to Convert PSD to HTML & CSS Step by Step | Experts Developers

Sun, 07 Mar 2010 21:18:39 +0000

[...] The Design Lab: PSD Conversion In this tutorial you will learn how to code your design lab layout. First make sure you have your PSD ready made in photoshop. [...]

By: Design+

Design+ — Sat, 06 Mar 2010 23:46:30 +0000

just digged up this cool post. keep up the good work. thanks :-)

By: Demonoid

Demonoid — Sat, 06 Mar 2010 08:29:47 +0000

very nice tut
every thing is explained very clearly and step by step
thank you so much Richard

By: Chandan

Chandan — Thu, 04 Mar 2010 09:14:10 +0000

Very nice. Good to see some tutorials based on some very good designs.

-Chandan

By: 75 PSD to HTML Resources for Web Designers | Son Of Byte - Web Design & Development

Wed, 03 Mar 2010 12:18:01 +0000

[...] The Design Lab: PSD Conversion [...]

By: uberVU - social comments

uberVU - social comments — Sat, 27 Feb 2010 19:43:12 +0000

Social comments and analytics for this post…

This post was mentioned on Twitter by fuadahasan: The Design Lab: PSD Conversion http://bit.ly/4oWaxl...

By: 38 Great Tutorials To Convert PSD To HTML/CSS |

38 Great Tutorials To Convert PSD To HTML/CSS | — Fri, 19 Feb 2010 02:47:54 +0000

[...] 29.The Design Lab: PSD Conversion [...]

By: SOMNATH

SOMNATH — Tue, 16 Feb 2010 10:39:51 +0000

Hi,
its too good for new web designers, i like it. Thank You !!!

By: 185+ Web Design Tutorials using Photoshop, CSS, HTML etc « Loverdesign's Blog

Thu, 11 Feb 2010 16:36:47 +0000

[...] The Design Lab: PSD Conversion [...]

By: Shahnur Arefin(Bangladesh)

Shahnur Arefin(Bangladesh) — Tue, 09 Feb 2010 13:09:47 +0000

Nice web tutorial

By: Vikram Mehta

Vikram Mehta — Sun, 07 Feb 2010 20:01:00 +0000

Hi Richard. Can you please explain how can I overlap the yellow colored bar (FREE QUOTE) with the sidebar (on the right hand side). That is the part which I am not able to understand.
I have my sidebar in one div tag. And the yellow bar(FREE QUOTE) in another div tag. I am using “float:right” property for both the sidebar and the yellow tab (FREE QUOTE). But by doing this I am not able to partially overlap the yellow tab with the sidebar. How can I do that ??

By: Vikram Mehta

Vikram Mehta — Fri, 05 Feb 2010 02:38:15 +0000

Thank you Richard, for this great tutorial. Its really a great tutorial for beginners (like me). Everything in the tutorial is very well explained in detail, but since I am very new to web-designing, I was not able to determine, how do I put the Yellow Colored bar (The one which is tilted at some angle, and is placed over the Sidebar).

I can achieve that by using absolute positioning property, but this is not a good practice. Please tell me how do I place a div tag (The sidebar) over another div tag (the yellow tab) without using absolute positioning.
If anyone can explain to me how can it be done, it would be highly appreciated.