Layer 4 copy

Upload your PSD file...

Take a quick look at the Guidelines to see how to prepare your PSD file


Please wait - we are now uploading and converting your file...


Wait! You can upload your PSD, but you aren't logged in! If you submit now, you won't get any of the cool Unlimited features. You'll just get plain XHTML and CSS DIVs. Create a new account to use all the great Unlimited features free for 2 weeks.

Tutorial 51: Relative Position for CSS Layers

Relative Position for CSS Layers

Sometimes you may want to allow the browser to move a particular CSS layer around relative to the other layers in the page. An advanced example might be a list of products for an online store front. You can make a relative CSS layer by using the '_relative' Layer Naming Convention. Just put the letters '_relative' anywhere in the name of your Photoshop layer and psd2css Online will generate a matching CSS layer that has a relative position rather than an absolute position. Since psd2css Online cascades the CSS layers, you can put your relative layer inside another 'container' layer. Then you might use some server or client side scripting to replicate that relative layer for each list item. This is a more advanced use of psd2css Online, but you Professional Web Developers can benefit from the head start getting something like this running for your clients.

One very important note here! Since a relative CSS layer is relative to anything else in it's parent layer (the layer that it is inside of), you probably don't want the JPG or PNG file in there that psd2css Online creates for you by default. So for a 'container' or parent layer of a relative layer, use the '_bkgnd' Layer Naming Convention to keep that image file out of the container layer.

Here is an example of how to use it for an expanding text area:

Love speak up!
When handbags met Crystal on Coach factory outlet online ,I just that girl, can be described as poor to very luxury and romantic sense of the nobility. Coach handbags bright released the name of love, shiny winter. Adhering to the classic simplicity of the design style handbags, with a gorgeous crystal create dazzling luxury aristocratic field.
This series of Coach factory outlet inspired Nordic the Ice Ningxue, endless scenery, inviting you with us to find a new way forward at the same time return to the origin of life. Adhering to the classic simplicity of the design style handbags, with a gorgeous crystal create dazzling luxury aristocratic field. Well-being power is the ability to achieve happiness, it means the spirit of self-responsibility, freedom of choice may be to share the pleasure of happiness, in fact, people of different ages are the same, perhaps a young man will be some more!

copyright (c) 2009 psd2css Online, Inc.



User login

Become a Fan of our Facebook Page

Need help or have a question?

| Privacy | Terms of Use |

copyright (c) 2008, 2009, 2010, 2011 psd2css Online, Inc.
Patent Pending

Syndicate content