Click to See Complete Forum and Search --> : Looking to Control Layers in Dreamweaver
deva mx
06-02-2004, 11:04 PM
Hi everyone- Does anyone have an idea on how to parent (not sure if that’sterm) layers to a specific image or maybe a table? Please check out the example:
http://home.comcast.net/~alr419/example.htm
This is a basic page that I created- basically one image is chopped up into quarter images. I would like to somehow get the layers for the scrolling window- (again not sure if that's the term) to stay in that dark green rectangular area- on the right. At the moment the scrolling window moves every time you resize the browser. Any big ideas on what I should do to fix this?
I’d appreciate some help.
Thank you.
Devahttp://www.graphicdesignforum.com/emoticons/specool.gif
What did you call the big scrolling window in your code.
But all you have to do is make it {position: absolute;} to tell it to stay still.
Ryan8720
06-03-2004, 12:39 AM
That is what I classify a coding nightmare. I assume you are doing this in DW. If you are able, delete all of that javascript and set the Scroll-Content class to overflow: auto;. Then you won't need the javascript. You also need to put quotes around the attributes.
http://edgewebdesign.org/ryan2.gif (http://www.edgewebdesign.org)
C:\DOS
C:\DOS\RUN
RUN DOS RUN
Also Comment everything.
I always comment and these guys help in minutes cause they automatically know whats what.
deva mx
06-04-2004, 12:38 AM
Thanks everyone-
Benjo- I considered right or left justifying the whole thing but I’m really trying to have the freedom of centering the scroll window I really wanted.
Ryan- I am working in DW and I can delete all of the javascript but I thought it was necessary to have the java script in there- to tell the scroll window how to behave. I'm not sure if I should leave in the code within the <STYLE><STYLE/> tags?
>>"You also need to put quotes around the attributes."
Which attributes are you referring to?
I tried everything you suggested though I’m too sure about the attribute thing. For example I tried changing the id=container to id="container" not sure if this is what you meant- anyway- I changed them all {bar – uparrow –grab – etc}
Here is the result- http://home.comcast.net/~alr419/example2.htm
I noticed that the additional scroll bars where added- personally I’m looking to maintain the same look of the scroll bars as in this http://home.comcast.net/~alr419/example.htm example- while trying to get the position of the scroll window to always stay in that green box- not matter how I resize the browser.
Please look it over and let me know if I did everything you suggested. Thanks.
Post Edited (deva mx) : 6/3/2004 9:19:39 PM GMT
Ryan8720
06-04-2004, 07:03 AM
Oh. I misunderstood. If you want to keep that same scrollbar you will need the javascript. However, I recommend against that because that scrollbar won't work in some browsers and if javascript is disabled. Then you leave your visitors scranded.
You have the quoting right. However, you have extra body tag and the divs are in the head, which isn't right.
the layout of a HTML page is always
<html>
<head>
<style></style>
<script></script>
</head>
divs, tables, etc.
</body>
The alignment problem has to do with the CSS (the stuff in the style tags), but I don't have time to look at it in detail now.
</html>
http://edgewebdesign.org/ryan2.gif (http://www.edgewebdesign.org)
[b]C:\DOS
C:\DOS\RUN
RUN DOS RUN
I went ahead and cleaned up your code.
This should be your container text:
<!-- Window with scrolling text-->
<div id ='container'>
Your desired text...
</div>
<!--Window Ends-->
Replace this with for your current container code in your style header tag:
#container {
position: absolute;
left: 604px;
width: 212px;
top: 267px;
height: 268px;
background-color: #339966;
font-color: #FFFFFF;
overflow: auto;
}
Post Edited (benjo...) : 6/4/2004 1:45:23 PM GMT