PDA

View Full Version : Web design quicky help please


kamello
March 18th, 2002, 11:02 PM
Hey guys,

just a quick question...when you insert an image as a background, how do you do it in order for it to be suitable for both screen resolutions 800 by 600 ando 1024 by 700..?

I was told that when your are designing a site you have to work on 800 by 600 screen..is that true ?

Help please
eyezberg
March 19th, 2002, 03:19 AM
No. It used to be true not so long ago, but nowadays, most comps come with a 17'' screen, not a 15'' anymore (except for mine, but it's set to 1024x768).
IF you want your site to be viewed in the best conditions by ALL users, you should test it at 8x6, but those who still use that resolution are either blind or don't know how to change their settings! You may also use a redirect based on the screen resolution to corresponding pages for each, pb is you'd have to make 2 sites.
Many other details to consider..don't bother, Xcept if it's pro work. And then the client should tell you ..
RenaissanceGirl
March 19th, 2002, 04:30 AM
Hey - my browser is set to about 800x600. My screen rez is 1280x1024 and I don't like to surf with my browser maximized so I can easily jump around my applications. Most sites are pretty good at catering to my surfing style. The ones that don't tend to be newbish and skinny on the content. It's possible to cater to a variety of screen resolutions, that's where your creativity as a web designer should kick in (know your constraints, as Charles Eames use to say). Know your limitations and find a way around them. In any case, no matter what you do, don't use one of those auto-maximize widget-ma-thingies.
Phil Jayhan
March 19th, 2002, 04:59 AM
you tell em renaigirl...

pj
8o
upuaut8
March 19th, 2002, 05:47 AM
yup.. everything is a balance. Trial and error is your best teacher.. (just be sure to trial before you go live. :) )
kamello
March 19th, 2002, 08:40 AM
Ok, ok,ok...so if I understand correctly, there is not a way to build a site so it will look good in both reolutions, specially if put a picture in the background, right ???



hey eyezberg what's the best site that you've built ??
what about you RenaissanceGirl, Phil, Upuaut8 ?
ilyaslamasse
March 19th, 2002, 08:48 AM
Click their sigs... Except Phil's, I think.

pom 0]
kamello
March 19th, 2002, 08:51 AM
so if I put an image as a background (working on dreamweaver or frontpage) there is a way to stretch it to the full screen, so when the viewer opens it on either screen resolution (800 by 600 or 1024 by 720) it will look fine?

I was told that when designing a site you must do it on an 800 by 600 resolution...but when I open it on higher res the background image repeats it self ??

Please, Help I've been fighting for days now,, I'm sure there must be a simple solution.

Please reply to

Fernando
eyezberg
March 19th, 2002, 11:26 AM
If the backbround image is smaller than the browser size, it will tile, correct. There are workarounds, like inserting it in a table as cell-bg, anyway if you'd stretch a bitmap, it will pixalate! That's the good thing about Flash/ vectors: they skale and remain sharp! So (as this is a Flash forum..) use Flash and insert it at 100%, so it will adapt to any screen resolution. (some tricky details i left out..)
RenaissanceGirl
March 19th, 2002, 06:11 PM
You can use a cascading stylesheet to fix the background and disable it from repeating. You can even make it repeat only in one direction. I am doing just that on my site. There are plenty of ways to work around it. I can't really say that I have a "best site." Hopefully I haven't reached my best yet.
kamello
March 19th, 2002, 07:29 PM
what do you mean by cascade, with which software
upuaut8
March 19th, 2002, 11:24 PM
CSS, or "Cascading Style Sheets" are a protocol of DHTML, which is free to use as long as you can find out how to program it.

If you're using something like Dreamweaver to make your pages, it will give you options for creating your own custom CSS.
RenaissanceGirl
March 20th, 2002, 12:41 AM
Simply enter the following code between the <HEAD></HEAD> tags:

<style type="text/css">
&nbsp;&nbsp;&nbsp; body {
&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; background-image: url(backgroud.gif);
&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; background-repeat: no-repeat;
&nbsp;&nbsp;&nbsp; }
</style>

Just change "background.gif" with your image location.
kamello
March 20th, 2002, 08:35 AM
cool, I'll try it when I get home, in about 9 more hours...what a drag...thanx
currently 6:37 a.m in LA
kamello
March 21st, 2002, 10:44 PM
thanx guys...I'll be sure to show you my site when done

peace
hojo
March 20th, 2003, 05:09 PM
:bump:
Makaveli
March 20th, 2003, 05:19 PM
haha, very clever there hojo....... i'm the king of these bumps.....

so, i'll help you out a bit

HEY kamello!! where is your site buddy??

everyone wants to see it!

what the heck is wrong wit you bro!
br6879
March 20th, 2003, 05:56 PM
You can use this javascript to redirect...just put this on your index.

You can also use this with switching between 2 image files by using the document.write("<img src='image1'>...")

or use the same image file that is a "filler" and resize that to fit the size of the screen.


<SCRIPT language="JavaScript">
if ((screen.width>=1024) && (screen.height>=768))
{
window.location="highres.html";
}
else
{
window.location="lowres.html";
}
</SCRIPT>

I did it and it wasn't that time consuming.

Brett
br6879
March 20th, 2003, 05:59 PM
script begin - javascript
if ((screen.width>=1024) && (screen.height>=768))
{
window.location="hr/index.html";
}
else
{
window.location="index_lr.html";
}
script end

Script did not show up using the javascript tags I copied, so if this doesn't show up email me at Brobinsoncs@aol.com if you would like the script
hojo
March 20th, 2003, 07:13 PM
heh, i try to be inconspicuous about it and im all put out in the open and accused of bumping.
Marz
March 20th, 2003, 07:20 PM
*lmao*