Neverside

You don't need to set your image widths to 100%...that will sure strecht em'''

You need a repeater Cell... A thin slice of an image that will repeat without being noticable... And it will be what is set to 100%.. Take my Angel's Revenge theme here....
http://www.skinsntemplates.com/dark/skinshop/images/full/AngelsRevenge.jpg

The story blocks and side blocks will strecht vertically as long as content is added. What I've done is taken a small piece from the center...Where everything looks the same all the way across and then put it into a <TD> background and set its height to 100%.

Therefore

Code:

<TD background="centerslice.jpg" height="100%" width="200">

I can put as much stuff here as I want and it will stretch for days..

</td>

It is the same way with yours except your problem is horizontal stretching...Same concept different direction.

___________________

| Come join the Purephotoshop.net forums

I would now like to punch Caged in the dick for using capitals in his HTML.

...

___________________

lol yes, never stretch an image :mad: it'll look terrible.

___________________

I've got a girlfriend! WOOT.

HAHA Dan... I have like this complexity where I use Random Capitol letters everywhere... And Jeff, I'm not streching an image i'm strecthing the cell...The image will repeat. It will be smooth and you will never notice it.. Thats how the cells work in these forums..

___________________

| Come join the Purephotoshop.net forums

I was talking to shahrukhk :confused:.

I'm well aware of how tables and images work:o The way you have it in your angel's revenge theme is that the background will tile, seamlessly because you've selected a nice slice of it.

setting <img width/height=100%> in a table will stretch the image to the width/height of that table cell no matter what.

___________________

I've got a girlfriend! WOOT.

Last edited by Jeff, July 7th, 2003 02:18 AM (Edited 1 times)

Quote:

Originally posted by Caged
You don't need to set your image widths to 100%...that will sure strecht em'''

You need a repeater Cell... A thin slice of an image that will repeat without being noticable... And it will be what is set to 100%.. Take my Angel's Revenge theme here....
http://www.skinsntemplates.com/dark/skinshop/images/full/AngelsRevenge.jpg

The story blocks and side blocks will strecht vertically as long as content is added. What I've done is taken a small piece from the center...Where everything looks the same all the way across and then put it into a <TD> background and set its height to 100%.

Therefore

Code:

<TD background="centerslice.jpg" height="100%" width="200">

I can put as much stuff here as I want and it will stretch for days..

</td>

It is the same way with yours except your problem is horizontal stretching...Same concept different direction.

hey Caged! I understood EVERY singly bit of that!! Surprisingly Thanks for the help Caged, but I noticed or maybe it's just me thinking this, that you were referring to areas where content is added. What I'm mainly concerned about is the actual images. Take your Angels Revenge for example. If I was to make a banner like yours, then put it into a table and set the parameters to 100% width for that image in that cell, it would not look the same on another resolution. it would stretch. i know i'm doing something wrong here by setting it to 100%, but that's the thing i'm having main trouble with. thanks though for the content info, was just about to ask that too! lol thanks again Caged

actually, an easier way to put it is that i want ALL my content to fit on one page without losing any quality or shrinking/stretching the images. I don't want a horizontal scrollbar to be needed. Thas all i'm trying to do.

An example I could use is your site Caged. On your index page (with the green orb in the middle), you've sliced up that one image. On my computer at home with a resolution of 1024*768, it's perfect. No horizontal scrolling needed whatsoever. But on the computer i'm using now at college, which is running on 800*600, i have to scroll vertical and horizontal to see the image properly. That's what I would like to prevent happening but I'm finding it really difficult.

Also, no one recommended a good size I should make my interface in. I tried 800*600, but didn't work out cos of the image stretching and all that.. :confused:

hope sum1 can help me out with this prob. wud really appreciate it

1024 x 768.

would i have to make the image exactly 1024*768 so that it fits in the browser (supposing it was to be viewed in IE6) or would I have to take a few pixels off the width and height?