PDA

View Full Version : text layer? (or a better idea)


andybhoy
05-10-2007, 09:47 AM
hi,
i am doing a site for a friend (but im quite a novice!) and she wants a layout similar to this site http://www.volunteerlatinamerica.com/index.html
in the site i am designing i have created the whole layout through fireworks (nav buttons on the left, pictures at the bottom and logo etc at the top. in the middle i wanted a scrollable text area (like you see in the site shown) can someone please, please tell me how to do this... ive searched and searched and just cant do it...
at the moment the page is in a table, centered. its all 1 image (i.e not cut up into buttons, top, bottom etc...)
sorry i cant show you the actual page as i have no space to upload to yet. i hope you guys understand what im describing! is there a better way to get the end result? or should i put the text in a layer? if so how can i stop it moving all over the place in different res's
thanks very much.

edbr
05-10-2007, 10:16 AM
I would put the text in a layer and then nest that into another layer with fixed dimensions. an example would be in the head section. This would be better in a style sheet though

<style type="text/css">
<!--
#Layer1 {
position:absolute;
width:200px;
height:100px;
z-index:1;
overflow: scroll;
left: 14px;
top: 12px;
}
#Layer2 {
position:relative;
width:200px;
height:200px;
z-index:2;
}
-->
</style>

then in the body where you want it
<div id="Layer1">
<div id="Layer2"></div>
</div>

I remember that there is a tutorial on this site covering this but I don't know where.