Topic awaiting preservation: Help! Point me in the right direction...

Hello one and all Im not sure this is the place for my request if it isn't please forgive me...

I have been messing with PS for a little over a year now and am basically all self taught (tutorials, books etc)
I have made a few web pages before with simple HTML but I am finally starting to want to learn more and make a more visually appealing web site to show off some of my works, basic rants and ramblings. you know the norm

well this is my question...

I have created a web design I would like to fully develop into a site but i am lost on what I need to do to do some of the effect that I want..

first I'll show you the image...



now for what I want...

I want all my content to be in the center (black area) with a scroll bar inside the image would I use tables for this? (mind you im still a "n00b") I also would want to make the scroll bar kinda match the design (color wise) or could I create a custom scroll bar image and use that?

also I will have some thumbnails to display but I want it to open in its own window like centered on the screen. im not sure what their called but i dont want the image to open up in another IE (kinda like a window with no buttons just an X to close it)

I guess thats about it..I have always wondered how people put content in the center of a image or design and had it just scroll without moving the whloe page

Im not asking for you to tell me how or do it for me just lead me in the right direction on what I will need to learn/do to get my site the way I want. I have no problem learning by mistakes

thanks for your time and I hope ive made it clear on what im actually looking for here.

thanks alot

well I think this may do better in another forum but I think that I may be able to help you some.

>I want all my content to be in the center (black area) with a scroll bar
For this you will have two options. The first will only be for IE and crash in NN which you may consider bad. You can, after slicing up the images, put your image as a background in the table tag. This will be used in an IFrame. IFrames are only available to IE users.

>I also would want to make the scroll bar kinda match the design (color wise)
This can be done using Doc's ZScrollbar or you can use the CSS hack. Then again the CSS hack is only available to IE5+ users.

>I want it to open in its own window like centered on the screen
You can do this using dHTML (I will give you a link in a minute). Then again, just like the others, this will only be available to IE users. It is called a "Chromless Window"

I can give you links to the last two things that will help you, but as for slicing up the images and stuff, I think you will have to do a search on Google or something to help you out with that. There is a tutorial at Guru's that can help you with that. Check that out.



Later,
C:\


~Binary is best~

Chromless Windows: http://dhtmlnirvana.com/alchemy/frameless.htm
CSS Scrollbar: http://dhtmlnirvana.com/alchemy/ie5scroll.htm
Centering Windows: http://dhtmlnirvana.com/alchemy/centerwin.htm

Hope those help

Later,
C:\


~Binary is best~

woah thanks for the quick response...

as far as slicing the image up I have that done already and I sliced it in a way so that the black center image is all one slice/image. is this is the correct way?

also im not sure how serious I am about cross brouser compatability but I guess I would like the site to work for the basic brousers (IE, NS) the other brousers im not so worried about. at least for now

thanks again



::::Edit::::

Also I have another question.. the grey background I used for this image is #333333 but when i set my BG to #333333 in the HTML it dont match up..is there a trick to this? thanks

[This message has been edited by GraFFix (edited 05-20-2002).]

Well as far as the background image goes, this can be a tough thing. See, when your table that the image will be the background in is longer or wider than your image, either the image will tile and look like shit or it will not repeat at all and you will have this image that is kind of just hanging out.

You could use CSS to position the image constantly to the bottom and to the right of the table or div. .imgBackground{bottom:0px;} etc. . .

Have a look at Doc's homepage http://www.ozones.com and see how he has made the background repeat itself so that no matter how wide the window is, the image looks the same. Or you can check out mr.maX's home page and see how the upper logo thingy has a repeating background.

There are a few options. Neither of which will be too complicated but can give you a major headache.

The color of the background could be caused because that color *may* not be Web Safe. So, different browsers can display it differently. Or, you have it set wrong. Don't know. Save the image as a gif with the colors indexed. Sometimes that helps out some. Not sure why really but for me it has.

Later,
C:\


~Binary is best~