By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
437,913 Members | 1,305 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 437,913 IT Pros & Developers. It's quick & easy.

how to set an image as a rectangular border for my site

P: 2
Hi, I am in the design phase of my site development and this is my first try out. Using Adobe photoshop as graphics designing tool and visual web developer for my coding part.

I have an Ipad image that I want to use as a border so that it looks like my contents are written on the transparent Ipad screen.

I have both the PSD and PNG formats available, but not sure how would I write my contents on the image. I want to bring a sort of non-editable text pane where my contents will show up on the image and it will look as if the Ipad image works as a previewer.

Please help me out on this.

Thanks
Sep 30 '11 #1

✓ answered by Frinavale

You would use the PNG image that you generate and set it as the background for your webpage or the container that you want to place it in.

I think I would set it as the background of a container that has a set width and height....that way I could set margins and padding styles so that my controls (like text areas etc) are positioned within the "screen" portion of the image.

Share this Question
Share on Google+
2 Replies


Frinavale
Expert Mod 5K+
P: 9,731
You would use the PNG image that you generate and set it as the background for your webpage or the container that you want to place it in.

I think I would set it as the background of a container that has a set width and height....that way I could set margins and padding styles so that my controls (like text areas etc) are positioned within the "screen" portion of the image.
Sep 30 '11 #2

P: 2
Thanks a lot... I will try it out and let you know how it goes.... :)
Oct 3 '11 #3

Post your reply

Sign in to post your reply or Sign up for a free account.