Forums
This topic is locked
use CSS to control layer position
16 Jan 2007 09:20:56 Thilak M. posted:
Hi guys, I'm new to DW, and trying to learn it.. DW8/DW MX together with some CSS. Browsed the web and got some ok tutorials, but somehow getting stuck here and there.. ok, the questions are:
1. I've used CSS to design a page (a tutorial from projectseven.com), but instead of having just 1 cell for the main content, I've split so that I can have pictures in the cell. I tried using a layer, but it seems to be overlapping. and the layer is not controlled in the CSS.
i117.photobucket.com/albums/o41/thila36/overlap.gif
I read somewhere that layers get DIV tags.... Is there anyway I can use CSS to control the layer..
How else can I have a nicely spaced page? It seems that tables in DW is not as easy as in MS WORD....
Thank you in advance...
Thilak.
Replies
Replied 17 Jan 2007 10:11:20
17 Jan 2007 10:11:20 Naibuka Qarau replied:
Try and check the z index for your layer and see what level it is on. Put it at 0 so everything is on the same level. You can control layers in the css just like normal div tags. That is give it an id and use that id in the css to define the styles for it. If you want your pictures to be in a column then just use % for your divs or exact pixels. eg. <div id=maincontent>Content Here</div> <div id=photos>photo here</div>
styles: #maincontent{
width:50%;
height:100%;
padding:15px;
}
#photos{
width:30%;
height:100%;
}
You can also use nested tables to format it. But since you are trying to learn css then go for it. It will become your best friend later. Hope this helps.
Another quick way to learn css and how it works is to use this firefox extension
www.getfirebug.com/ you will see first hand how the masters are doing it.
styles: #maincontent{
width:50%;
height:100%;
padding:15px;
}
#photos{
width:30%;
height:100%;
}
You can also use nested tables to format it. But since you are trying to learn css then go for it. It will become your best friend later. Hope this helps.
Another quick way to learn css and how it works is to use this firefox extension
www.getfirebug.com/ you will see first hand how the masters are doing it.