Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations Mike Lewis on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Newbie! Rounded content box with drop shadow?

Status
Not open for further replies.

Klaudia

Technical User
Mar 28, 2007
2
GB
Hi

I want to produce a rounded white box (to contain all content) on my home page (and template for all pages), with a coloured background. I want the box to have a drop shadow on one side.

I know how to do this in photoshop/fireworks. My question is, can I use such a large image (i.e. about 800 x 600) on the pages, or would this affect speed? I quick search on google confused me - all kinds about extendable content boxes, CSS etc! I'm a newbie, I need it explained simply! Would it be best to save the corners only of the box in photoshop and add them to a plain white cell in dreamweaver? And how would I do the shadow?

Any help much appreciated!

Claudia.
 
You have to only use the corners and sides with the shadows in your document. for example, if you were using tables, you can make 3 rows and 3 columns. The corners would have the corners of your image to give the illusion of roundness and the sides would have the shadows. Now, the images are used as background so the tile vertically, also and macth the width of you image. The very center cell can be used for your content. there are other ways to do it but tables still are less complicated than CSS if you are a beginner.

Hope it helps.

 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top