|
|
Tor Egil Elite user Norway 495 Posts |
Im quit new to html and photoshop for that matter. Anyways Im having a party. Im celebrating that I made my first layout in photoshop.
To the point. My site is http://www.themagicoftor.com If you take a look, you will see that the template is not full screen. that's the problem. How do I get it to strect over the whole screen? I hope someone can help me. Thanks, Tor
Blog on baby
http://crazymanic.blogspot.com/ |
Shane Wiker Inner circle Las Vegas 1199 Posts |
Actually, it depends on the screen resolution. That's something you should keep in mind when designing a website. A website viewed with 640 by 480 resolution will look larger than the same website on a 1024 by 768 resolution. The best way to compromise is to set your display to 800 by 600 and design it like that. You should look this up but you want to add what is called a slice. This is a single pixel row or column with one color. It autmatically stretches this single row or column across the screen, so websites look good with all resolution. I hope this helps and if you have any more questions, feel free to pm me.
Shane Wiker |
Tor Egil Elite user Norway 495 Posts |
Im not exactly sure what you are talking about. Do you mean slicing it in photoshop? I did slice it in photoshop. Maybe I did not do it correctly.
I designed it to 800 by 600. Does it have any thing to do with this:<table WIDTH="800" BORDER="0" CELLPADDING="0" CELLSPACING="0"> Could you give me more details on how to add a slice? Thank you so much, Tor
Blog on baby
http://crazymanic.blogspot.com/ |
Shane Wiker Inner circle Las Vegas 1199 Posts |
Quote:
On 2004-07-12 22:01, Tor Egil wrote: I don't mean slicing as in separating menu, header, etc. You can slice off a single pixel from the page, and when you put it into Frontpage, Net Objects Fusion, Dreamweaver, etc, you create a table. You assign the slice image as the background image of the table, and put the actual image into the table. If this is hard to understand, go to http://www.pegaweb.com/tutorials/slime-f......ry-2.htm and scroll down until you get to step 8. It talks about slivers. That is what I meant by slices. In Photoshop, you can slice an image, but when you slice a single pixel, or a very then part, and make it a background of a table, and set the table to 100% (the percent part is important), it will tile the image across the whole page. Shane Wiker |
dr chutney Special user United Kingdom 518 Posts |
Tor
You need to experiment with your Table widths. looking at the HTML for your home page you have <TABLE WIDTH=820 BORDER=0 CELLPADDING=0 CELLSPACING=0> If you set TABLE WIDTH=100% then it will fill the screen no matter what resolution the viewer is using. To be honest there are no hard and fast rules on this. I used to design in 800 x 600 because that was more or less the standard. Now, with more flat screen technology, 1024 x 768 is probably more common. A compromise is to have your site fill an 800 x 600 screen but appear as a page in the centre of the screen in larger resolutions. For example, this one. Hope that helps.
We're having a laugh!
Grab yourself a FREE Joke Ebook at http://thejester.biz |
jonesc2ii Loyal user Oxford, England 235 Posts |
I have also recently come across widescreens that have a completely different resolution (in this case 1280*800) so the best solution is probably to use a percentage (100%) as has already been suggested.
www.ixyl.co.uk/forums - for when you fancy a debate or a quiet chat.
|
Tor Egil Elite user Norway 495 Posts |
Thanks guys for the help. Now I'm finally starting to understand this slicing buisness. I created a 1 pixle sliver. There is still one problem. When I set the table with to 100%, the layout gets all disoriented. Look at the screen shots:
http://www.themagicoftor.com/images/ps.JPG http://www.themagicoftor.com/images/ps2.JPG
Blog on baby
http://crazymanic.blogspot.com/ |
muzicman Special user LaCenter, Wa 989 Posts |
I like the ability to have the screen set to whatever size the window is. Of course that is a different size for most everyone, so how do you know? I don't but the browser does!! Check this out. You can even make it less than full screen and it will still change based on the screen/browser size. Go ahead and try it. Resize the browser window, make it less than full screen, change your desktop resolution. It's all the same to me. Check it out HERE
|
Tor Egil Elite user Norway 495 Posts |
Let me get this straight. When I have sliced it. Do I open up the HTML doc in frontpage, or do I start with a blank page? Do I then make the 2 tables? Then set the sliver as the background picture?
I did do that. I started with a blank page in front page. I made 2 tables. I set the top table with to 100%. I set the 1 pixle sliver as the background picture. Then I clicked the Insert tab>picture>from file> then inserted the header. That went fine. When I went to insert navigation into the bottom table, the navigation was disconnected from the header. There was a space between them. What am I doing wrong. Sorry if this sounds stupid, but I could really need some help. Heres how I sliced it:http://www.themagicoftor.com/images/finish.JPG
Blog on baby
http://crazymanic.blogspot.com/ |
The Magic Cafe Forum Index » » Not very magical, still... » » HTML Help (0 Likes) |
[ Top of Page ] |
All content & postings Copyright © 2001-2024 Steve Brooks. All Rights Reserved. This page was created in 0.03 seconds requiring 5 database queries. |
The views and comments expressed on The Magic Café are not necessarily those of The Magic Café, Steve Brooks, or Steve Brooks Magic. > Privacy Statement < |