Photoshop/Dreamweaver help!!

View previous topic View next topic Go down

Solved Photoshop/Dreamweaver help!!

Post by bronbron81 on 5th June 2009, 1:35 am

How do you extend photoshop web layouts in dreamweaver?
I have been searching long and hard and I cannot find the answer to my question. I know how to create, slice, and import photoshop layouts into dreamweaver, but I don't now how to make the page longer or extend it to fit more content then what the layout is normally set to. I want to add more content to a page but the layout is already in a fixed width and height. I was wondering if anyone could help me out here even if it is just telling me what to research because I simply can't find anything on google. I just want to add more content enough that you have to scroll to see it.



Posts Posts : 72
Joined Joined : 2009-03-02
OS OS : Window Xp Media center edition 2005
Points Points : 28666
# Likes # Likes : 0

View user profile

Back to top Go down

Solved Re: Photoshop/Dreamweaver help!!

Post by Agent Cosmic on 5th June 2009, 8:09 am

I'm assuming the the only area you need to extend is a content area. There are two options to this.

First, you can add a div to wrap your content and set the CSS to overflow: scroll or auto. This will add a scroll bar to you div, just like the browser window.

Second is to create a seamless pattern vertically or on both axis so that it tiles when the content area stretches. Here's an illustration:

All you need is three images and 3 divs lay out in that manner. The one in the center is where you place your content. Set the CSS to background: url(...) repeat-y; or background: url(...) repeat;.
If your top and bottom image is to big, and you want the content to go on it, you can add this to the center div: padding-top: -50px; padding-bottom: -50px;

I hope I have helped

FunSubstance is the place to go for daily entertainment.

Agent Cosmic

Posts Posts : 3247
Joined Joined : 2008-03-07
Gender Gender : Male
OS OS : Windows 7
Protection Protection : ESET Smart Security
Points Points : 50478
# Likes # Likes : 0

View user profile

Back to top Go down

View previous topic View next topic Back to top

- Similar topics

Permissions in this forum:
You cannot reply to topics in this forum