PDA

View Full Version : Scrolling window help needed...


DanB0328
06-03-2008, 09:39 PM
Hello. First let me say that I am not great at DW but can get around okay. I am also not very in tune with html coding. That being said, I am trying to create a scrolling window in Dreamweaver CS3 to house a graphic/image. I want to create it within a table so that it keeps the same properties as the rest of the page. (ie. I have the main table (with tables inside of tables) set to center according to the viewers display size and I want the scrolling window to follow suit) I can't figure out how to do that, so I tried to create it by drawing a DIV window and placing it in there. It works as a scrolling window, but I can't get it to follow the rest of the tables when they center themselves on bigger and smaller monitors. The DIV window seems to stay where you position it in the width of the file. Does anyone have any suggestions? Can I do it within a table? Do I have to make it so the main table are aligned left instead of center so that nothing move from its top left origin? (If so, that would stink) Any help is greatly appreciated!

Death Dream
06-03-2008, 09:44 PM
Your confusing, I just saw table, table, inside table, div. Do you not have this somewhere where we can look at it?

If you want a scrolling div add the following:
<div style="width: 200px; height: 200px; overflow: scroll;">
</div>
Haha I just went gold XD

~Death Dream~

DanB0328
06-03-2008, 09:52 PM
Sorry for the confusion. I wasn't sure if I should post it or not, but below is a link of how I have it laid out right now. Most of the page is built in tables and the div window is placed on top of them. Like I said, I only kind of know what I'm doing, so please don't make too much fun. ;-) I am basically just building this for a friend for free. I am mostly just a designer, not a programmer/builder.

http://swizzlestickstudios.com/DresselsWebsite/DresselsMenu.html

Death Dream
06-03-2008, 10:07 PM
Under your apDiv10 change your left value to 240px. That is what fixed the problem I saw in Firefox.

~Death Dream~

DanB0328
06-03-2008, 10:16 PM
Okay. I did that, but on my 17" monitor it places the scrolling window too far to the left because it's trying to center the rest of the page according to the screen size. I wanted to keep the page centered in the width for viewing purposes, but it looks like I might have to change it be viewed top left. Thoughts?

Death Dream
06-03-2008, 10:26 PM
Well that value centered on my tiny CRT monitor here. Chances are if I viewed it on my 19" it would be to far on the other side. You got a design problem going on.

The scrolling div is kind of on top of everything and it does not have parent to tell it where it should not go or how it is suppose to display to it goes where ever it wants to go as long as it can still obey some of the rules you have set.

Basically what I am saying is you need some kind of holder or wrapper, depending on what you want to call it, to keep the scrolling section from going out of the page on different resolutions.

~Death Dream~

DanB0328
06-03-2008, 10:32 PM
You hit the nail right on the head. Do you know any way I could do that? That's why I was hoping I could have contained the div window within a table that I had set up for it. However, I am not well versed in the div thing yet and don't even know if that's possible.

DanB0328
06-03-2008, 10:33 PM
By the way, thank you for all of your help so far!

d a v e
06-03-2008, 10:33 PM
and you need to be aware that building a site completely out of images - though it looks nice - isn't very accessible. you need proper alt attributes on all those images ;)

damn that menu looks good!

DanB0328
06-03-2008, 10:35 PM
alt attributes? what are they and can you use them on background images? Sorry again for my ignorance. This is not my forte.

Death Dream
06-03-2008, 10:45 PM
alt attributes? what are they and can you use them on background images? Sorry again for my ignorance. This is not my forte.

An alt attribute is putting the word alt inside your image tag such as <img src="blah.jpg" alt="Menu list wrote out here">

What he means is if you don't have the alt list there you are screwing your self in your viewers who disable images. Users still disable images because there internet is not fast at all and only need to view text.

~Death Dream~

Death Dream
06-03-2008, 10:47 PM
You hit the nail right on the head. Do you know any way I could do that? That's why I was hoping I could have contained the div window within a table that I had set up for it. However, I am not well versed in the div thing yet and don't even know if that's possible.

Well you need to have your page all in one big div "the wrapper/holder".

So start a div at the start of your page <div id="wrapper"> and put </div> just above the end of your body tag "</body>" This will contain everything inside one div. Then you can mess with your left option again and see what happens. Give your wrapper some attributes in your CSS file so it doesn't stretch,

~Death Dream~

DanB0328
06-03-2008, 11:45 PM
Okay. I think I have it. Check it out. http://swizzlestickstudios.com/DresselsWebsite/DresselsMenu.html Do you think this will work? Now I just have to change the rest of the pages to match and add the alt attributes. Thank you for all of your help!!!!!!

Death Dream
06-04-2008, 03:31 AM
Okay. I think I have it. Check it out. http://swizzlestickstudios.com/DresselsWebsite/DresselsMenu.html Do you think this will work? Now I just have to change the rest of the pages to match and add the alt attributes. Thank you for all of your help!!!!!!

No, your layout is still as it was before to me but this time your menu is off to the other side. But that might be because I'm viewing it on my 19" monitor right now. Your layout still has problems. Drop the tables, you have a decent understanding of CSS so just use that.

I'm going to bed so goodluck.

~Death Dream~

DanB0328
06-05-2008, 01:26 AM
Okay. I took your advice and rebuilt the whole site. Much better I think. Still have to add the alt things but it's on its way. Thank you for all of your comments and help. Feel free to check it out before I take it down if you like.

http://www.swizzlestickstudios.com/DresselsWebsite/

davidj
06-05-2008, 06:50 AM
i would suggest you try to squish it down so it fits in the browser

you have some small vertical scrolling

it would be much better to have the full content on display