Screen Resolutions

[NovaP]

I was wondering if you guys could give me some tips on how to make web sites compatible with different screen resolutions. the main problem i'm having is with a strait line graphic i want the line to go right across the page until it runs out of screen. Is there a way to make it copy itself repeatedly until it runs out of room? that is my main problem but any other tips on resolution compatabilities are welcome. Thx in advance for your help.

 

[otherground]

One way that you can accomplish this effect by making the graphic a background image of a table cell using HTML or CSS. For example:

<table width="100%"><tr>

<td background="line-image.gif">

<img src="blank-pixel.gif" height="5" width="1">

</td>

</tr></table>

 

[Anthony]

I'd recommend using CSS:
http://www.htmlhelp.com/reference/css/color-background/background-repeat.html

 

[Wesley]

What I personally prefer to do is just make it a table and center it, then add a background to the whole page.

It depends, is this just a simple tables design, or do you use a lot of images and stuff?

 

[OneEyedDog]

Originally posted by Anthony
I'd recommend using CSS:
http://www.htmlhelp.com/reference/css/color-background/background-repeat.html

Another vote for CSS!

 

[NovaP]

It's a little to complex for jsut setting table to 100%(which it already is). And there are alot of pics and stuff

 

[OneEyedDog]

Do you have a link? 8^)

 

[NovaP]

Ya... but it's really outdated (and i'm really shy about unfinished stuff) I won't be able to update it till monday... but it's www12.brinkster.com/xmagicleague (that's the temp. I'm gonna buy a domain when finished) What i want is the orange border to stretch all the way around the table cell. And if i'm not mistaken the cells are set in pixels... i changed that to pixels jsut to get an estimate on how wide my menu should be.

 

[NovaP]

Ok so i got the top part of the border to work out. Now i jsut need the vertical parts on the center cell...

 

[Anthony]

Have you tried using a CSS border property for the vertical lines?

 

[OneEyedDog]

CSS is definitely the best solution however if you are not up to CSS level with your web design skills, use this image as the table columns background:

This will give you a column like the one on your right for both sides. Use a width of 25px for the columns that this image will be the back ground for (you are using a % based width in the example above, hard code this to a fixed width of 25px for the image above). Hope this helps :blink:

Warm Wishes,

 

[NovaP]

Ok so i think i can get it to work but a new problem arises... there is this space between the corner and the vert border any ideas how to remove this empty space? (it is aligned to the top) check my link again for the update.

 

[OneEyedDog]

This is why using css is much easier and more reliable, you got a heck of a lot of images going on in the wee design, I'll have a look later on toady if I can squeeze some time in. %%-

Warm Wishes,

 

[NovaP]

Ya, CSS is something i'd really like to learn... Where's a good place to learn it?

 

[OneEyedDog]

I learnt all my programming by just doing it and asking in a lot of forums around the net. Three years later I am on the other side getting a kick out of helping others as I was once helped out. CSS is really a must for the up and coming web I feel, it streamlines so much of your production. :D

Warm Wishes,