I need help with scaling

[slitharein]

Hey everybody,

I made a picture in photoshop which will serve as a rough template for my website. I was wondering if I could make the picture scale so that it fills the entire screen no matter what resolution your screen is. I know this is possible (I've seen it on other websites), but I have no clue how to do it.

www.slitharein.co.cc is my website.
Any extra comments on improving the background or other things are also welcome (especially colour schemes). I easily change all the colours etc.
I made sure to be able to do that.

Thanks in advance

[zubair12]

i can only see your temp home page which is just a picture!!!!

[monpire]

Hey everybody,

I made a picture in photoshop which will serve as a rough template for my website. I was wondering if I could make the picture scale so that it fills the entire screen no matter what resolution your screen is. I know this is possible (I've seen it on other websites), but I have no clue how to do it.

www.slitharein.co.cc is my website.
Any extra comments on improving the background or other things are also welcome (especially colour schemes). I easily change all the colours etc.
I made sure to be able to do that.

Thanks in advance

Can you provide the examples you mentioned? But you can either use CSS or JavaScript. Your website seemed to be sliced out directly off Photoshop/ImageReady, right?

Well, you might have to play with the CSS to achieve that. Try this, if this is what you want:

Open up your file, add this before or after #Table_01 (doesn't really matter):

body{ margin: 0 auto; background: #000; }

Take out"position: absolute" in #Table_01

#Table_01 {
    position:absolute; (take this out)
    left:0px;
    top:0px;
    width:1024px;
    height:768px;
}

Do a quick test to see if that's what you are wanting to do.

[slitharein]

I'll try find the websites I mean. I can't remember them of the top of my head.
But these forums do it like I want it to be. (Try making your screen resolution 800x600, look at the forums and my site, then make it 1024x 768 and look at the forums and my site) That should make it clear what I'm trying to do.

It is indeed sliced out of imageready directly. I'm trying to see if I can use that so I can easily edit only part of the website screen.
But I'll have to make a background sooner or later anyway.
I'm very new to making websites and I'm just exploring the possibilities without using something like Drupal (I know it's the hard way to do things)

I tried doing what you suggested, but it doesn't resize automatically with it.
It just stays the same size. I want it to be automatically 100% of the browser window.

I'm trying to make my menu to work right now though, but I though I'd ask this already so I can already get this to work properly xD

[monpire]

I tried doing what you suggested, but it doesn't resize automatically with it.
It just stays the same size. I want it to be automatically 100% of the browser window.

The reason why the images didn't resize because images are static and they are at fixed width. If you want them to be resizable, one of the techniques, such as this forum is to repeatable backgrounds, and setting the widths by using % instead of px will do the trick. Such as width="100%" instead of width="1000px".

To solve your images problem, you'll have to slice your images strategically to ensure it'll scale.

I posted this elsewhere, but try this tutorial:
http://www.layersmagazine.com/image-...oshop-cs3.html

Good luck

[slitharein]

Ok, thanks.
I'll try using your tutorial to make my page scale.
If I run into any more problems I'll post them here.

Thanks again!

[monpire]

Ok, thanks.
I'll try using your tutorial to make my page scale.
If I run into any more problems I'll post them here.

Thanks again!

The tutorial I posted is mostly for showing how to slice things out. It doesn't really show you how to scale and all the jazz. It is a complicated process.

But looking at your temporary homepage right now, as most of it are graphics, scalability is a bit tough to achieve. But here's a thought:

Menu - try using generic fonts if possible such as: Arial, Verdana etc... but if you absolutely need to use that font, I believe there are some tools out there using Javascript to embed fonts = slowing down a site a bit. I can't remember what it is on the top of my head.

For the blue sort of lines vertically and horizontally next to the logo... you can use the repeatable background technique to make it scale any size you want.

Good luck.

[syrius]

hey you said you wanted some colour scheme help? There's a fantastic site called Adobe kuler which helps you choose your colour schemes

http://kuler.adobe.com/

Also just as a tip change your body text to a sans serif font all of that cursive font is difficult to read especially if you're using a lot of body text ^_^!

Sorry I don't have any scaling tips but I hope this helps with your design ^_^!

[slitharein]

Thanks for the tips.

I quickly picked a font when I was messing around in photoshop.
It's not the final font I'm going to use.

Also, I've put my project on a temporary hold, since I have quite a lot of other obligations I need to take care of first.

[adamparkzer]

Hey everybody,

I made a picture in photoshop which will serve as a rough template for my website. I was wondering if I could make the picture scale so that it fills the entire screen no matter what resolution your screen is. I know this is possible (I've seen it on other websites), but I have no clue how to do it.

www.slitharein.co.cc is my website.
Any extra comments on improving the background or other things are also welcome (especially colour schemes). I easily change all the colours etc.
I made sure to be able to do that.

Thanks in advance

Just wondering, did you ever find a solution to this? I read through some other peoples' responses, but I couldn't really pinpoint a solution that would work in all instances in all browsers.

Were you interested in doing something like this: http://adamparkzer.co.nr/flower.php ? If so, let me know, and I can help you use CSS to make it happen.