# Web design quicky help please

**URL:** <https://forum.kirupa.com/t/web-design-quicky-help-please/1351>\
**Category:** random\
**Created:** [March 19, 2002, 4:02am UTC](https://forum.kirupa.com/t/web-design-quicky-help-please/1351 "2002-03-19T04:02:08Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [March 19, 2002, 4:02am UTC](https://forum.kirupa.com/t/web-design-quicky-help-please/1351/1 "2002-03-19T04:02:08Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [March 19, 2002, 8:19am UTC](https://forum.kirupa.com/t/web-design-quicky-help-please/1351/2 "2002-03-19T08:19:45Z")

</div>

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 …

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [March 19, 2002, 9:30am UTC](https://forum.kirupa.com/t/web-design-quicky-help-please/1351/3 "2002-03-19T09:30:00Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [March 19, 2002, 9:59am UTC](https://forum.kirupa.com/t/web-design-quicky-help-please/1351/4 "2002-03-19T09:59:19Z")

</div>

you tell em renaigirl…

pj  
8o

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [March 19, 2002, 10:47am UTC](https://forum.kirupa.com/t/web-design-quicky-help-please/1351/5 "2002-03-19T10:47:57Z")

</div>

yup… everything is a balance. Trial and error is your best teacher… (just be sure to trial before you go live. 🙂 )

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [March 19, 2002, 1:40pm UTC](https://forum.kirupa.com/t/web-design-quicky-help-please/1351/6 "2002-03-19T13:40:55Z")

</div>

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 ?

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [March 19, 2002, 1:48pm UTC](https://forum.kirupa.com/t/web-design-quicky-help-please/1351/7 "2002-03-19T13:48:20Z")

</div>

Click their sigs… Except Phil’s, I think.

pom 0]

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [March 19, 2002, 1:51pm UTC](https://forum.kirupa.com/t/web-design-quicky-help-please/1351/8 "2002-03-19T13:51:48Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [March 19, 2002, 4:26pm UTC](https://forum.kirupa.com/t/web-design-quicky-help-please/1351/9 "2002-03-19T16:26:25Z")

</div>

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…)

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [March 19, 2002, 11:11pm UTC](https://forum.kirupa.com/t/web-design-quicky-help-please/1351/10 "2002-03-19T23:11:34Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [March 20, 2002, 12:29am UTC](https://forum.kirupa.com/t/web-design-quicky-help-please/1351/11 "2002-03-20T00:29:28Z")

</div>

what do you mean by cascade, with which software

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [March 20, 2002, 4:24am UTC](https://forum.kirupa.com/t/web-design-quicky-help-please/1351/12 "2002-03-20T04:24:36Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [March 20, 2002, 5:41am UTC](https://forum.kirupa.com/t/web-design-quicky-help-please/1351/13 "2002-03-20T05:41:17Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [March 20, 2002, 1:35pm UTC](https://forum.kirupa.com/t/web-design-quicky-help-please/1351/14 "2002-03-20T13:35:57Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [March 22, 2002, 3:44am UTC](https://forum.kirupa.com/t/web-design-quicky-help-please/1351/15 "2002-03-22T03:44:10Z")

</div>

thanx guys…I’ll be sure to show you my site when done

peace

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [March 20, 2003, 10:09pm UTC](https://forum.kirupa.com/t/web-design-quicky-help-please/1351/16 "2003-03-20T22:09:03Z")

</div>

:bump:

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [March 20, 2003, 10:19pm UTC](https://forum.kirupa.com/t/web-design-quicky-help-please/1351/17 "2003-03-20T22:19:45Z")

</div>

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!

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [March 20, 2003, 10:56pm UTC](https://forum.kirupa.com/t/web-design-quicky-help-please/1351/18 "2003-03-20T22:56:56Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [March 20, 2003, 10:59pm UTC](https://forum.kirupa.com/t/web-design-quicky-help-please/1351/19 "2003-03-20T22:59:29Z")

</div>

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](mailto:Brobinsoncs@aol.com) if you would like the script

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [March 21, 2003, 12:13am UTC](https://forum.kirupa.com/t/web-design-quicky-help-please/1351/20 "2003-03-21T00:13:56Z")

</div>

heh, i try to be inconspicuous about it and im all put out in the open and accused of bumping.

[Next page](https://forum.kirupa.com/t/web-design-quicky-help-please/1351.md?page=2)