? auto-resize repeated background image ?

M

Michel

Wouldn't a full risizeable website be nice? So the all browser window
is filled up, no empty space or missing objects no matter what size
the window is?!

In a try to make a full scalable website where I use javascript to
resize the fonts, I'm looking for a way to change the size of a
repeated backgroundimage or a way to repeat a <img> which you can
resize?

In fact I'm looking for a border-drawing that uses a repeating image
which can be resized.

Any help or links to examples are welcome.

Tanks!
 
S

SpaceGirl

Michel said:
Wouldn't a full risizeable website be nice? So the all browser window
is filled up, no empty space or missing objects no matter what size
the window is?!

In a try to make a full scalable website where I use javascript to
resize the fonts, I'm looking for a way to change the size of a
repeated backgroundimage or a way to repeat a <img> which you can
resize?

In fact I'm looking for a border-drawing that uses a repeating image
which can be resized.

Any help or links to examples are welcome.

Tanks!

I think CSS2 supports the scaling of background-image *but* I think
currently Mozilla is the only browser that actually supports this bit of
CSS2.

Wait for Windows 6.0 / IE 7 :) Windows can be full scaled regardless of
their content under Windows 6.0.
 
R

rf

Michel said:
Wouldn't a full risizeable website be nice? So the all browser window
is filled up, no empty space or missing objects no matter what size
the window is?!

In a try to make a full scalable website where I use javascript to
resize the fonts, I'm looking for a way to change the size of a
repeated backgroundimage or a way to repeat a <img> which you can
resize?

In fact I'm looking for a border-drawing that uses a repeating image
which can be resized.

All of the above sounds like a very bad idea.

Cheers
Richard.
 
M

Mark Parnell

All of the above sounds like a very bad idea.

Except the first bit about the site fitting to the available canvas. Or
are you advocating fixed-width designs now? :p
 
M

Mark Parnell

Wouldn't a full risizeable website be nice? So the all browser window
is filled up, no empty space or missing objects no matter what size
the window is?!

You haven't been here long, have you? That's what we've been saying for
years. http://www.allmyfaqs.com/faq.pl?AnySizeDesign
In a try to make a full scalable website where I use javascript to
resize the fonts,

Wait, you want the entire site to effectively zoom in or out, depending
on the available canvas? That's never going to work. How do you stretch
the same site to e.g. 500x700 and 1000x300? It's going to look _really_
bad.

Don't specify font sizes at all, then they will display at the user's
preferred size. Definitely don't adjust them using Javascript.
I'm looking for a way to change the size of a
repeated backgroundimage or a way to repeat a <img> which you can
resize?

Resizing images should only be done in an image editing program (with a
few minor exceptions). Browsers invariably do a horrible job of it.
 
R

rf

Mark Parnell said:
Except the first bit about the site fitting to the available canvas. Or
are you advocating fixed-width designs now? :p

<grin/>

Absolutely not.

The OP's comments, taken in their entirity, is the bad idea.

In any case you know what I mean :)

To clarify for the OP:

Sure, the content should fill the canvas but not by making things bigger if
the canvas is bigger, even if you could reliably determine the canvas size.

I can envisage you determining that my "canvas size" is 3200 pixels wide,
because that is what my desktop is, and then trying to fit 40 pixel text
onto my 700x1100 canvas.

Also you cannot change the size of a background image and changing the size
of a foreground image client side just makes them look bad.

As to the text, I already have a control in my browser that I use to make
the text larger/smaller.

Cheers
Richard.
 
N

Neal

Wouldn't a full risizeable website be nice? So the all browser window
is filled up, no empty space or missing objects no matter what size
the window is?!

Indeed, that is wise.
In a try to make a full scalable website where I use javascript to
resize the fonts, I'm looking for a way to change the size of a
repeated backgroundimage or a way to repeat a <img> which you can
resize?

Well, you likely know that sniffing the screen resolution with Js tells
you the desktop size, and the viewport may be significantly smaller. But
if you use this to determine how large the background should be sized,
unless the image is unusually large it should not be a problem to code
your Js to create a background of the size of the desktop, which is
necessarily larger than the viewport (at least the visible portion!).
 
S

SpaceGirl

Toby A Inkster said:
No, it doesn't. (CSS 3 will.)


No, it doesn't.

Okay... I've not tried it. I saw a chart a few days ago comparing CSS
support and I thought one browser had that. Maybe Opera? I'll try it on a
page later see what works.
 
D

Deryck

Okay... I've not tried it. I saw a chart a few days ago comparing CSS
support and I thought one browser had that. Maybe Opera? I'll try it on a
page later see what works.

I've been looking for a definitive chart comparing CSS features across
browsers.
Was the chart that you refered to on the web somewhere?

Deryck
 
K

kayodeok

I've been looking for a definitive chart comparing CSS features
across browsers.
Was the chart that you refered to on the web somewhere?

I haven't seen a decent chart in a while...the ones listed
below are quite old though the first one on the list may be
useful

http://www.centricle.com/ref/css/filters/
http://www.immix.net/html/CSSGuide.htm
http://devedge.netscape.com/library/xref/2003/css-support/css1/mastergrid.html
http://devedge.netscape.com/library/xref/2003/css-support/
http://www.westciv.com/style_master/academy/browser_support/index.html
 
M

Michel

I would only resize to the width, not the height of a screen.
And the tekstsize would be a % of the browser setup. It's just to fill
up a inbetween cell of a table with the tekst. It's not even linear
with the screen, so a small screen <800 will have a vertical
scrollbar, but a screen of let's say 3000 width will have no scrollbar
but a filled up text-area.

It is the choice of the client how big it's window will be on his
enormous monitor.

If for instance I have a prefixed width of 1024 website then people
who are viewing it on 3000 width windows have an enourmus non-used
space.
If I let the tekst beside a pictures expand, then you have a big
picture with 1 very long line of text which isn't a nice site.

So I just want to fill up unused space if there is more space ;-)
 
W

Wÿrm

If for instance I have a prefixed width of 1024 website then people
who are viewing it on 3000 width windows have an enourmus non-used
space.

What makes you think people like keep so "huge" windows open when browsing?
I am currently using 2560 x 1024 or so dual screen desktop and I still keep
my browser windows all the time < about 700 x 500 size tops (whole browser
window, not canvas area) :)
 
R

rf

Who are you talking to? I see no quoted material to which you are replying.

<checks thread/> Oh, wait, you are replying to Mark. Well, I now have to
open two news windows to look at Marks post as well as this one.

Hint, trim out what you are not concerned with, quote what you are replying
to and reply under the quote. It makes it easier for all of us :)
I would only resize to the width, not the height of a screen.
And the tekstsize would be a % of the browser setup. It's just to fill
up a inbetween cell of a table with the tekst. It's not even linear
with the screen, so a small screen <800 will have a vertical
scrollbar,

Yep, that happens. It's quite OK, common and to be expected. However, do not
think "screen", think "browser canvas". My "desktop" is usually 3200 pixels
wide, sometimes wider. My browser canvas is usually 700 or 800 or, perhaps,
1200.
but a screen of let's say 3000 width will have no scrollbar
but a filled up text-area.

I would not envisage anybody with a 3000 pixel wide screen having a browser
canvas 3000 pixels wide. The reason for huge screens (or desktops) is to fit
more visible windows on that desktop, not to make one window enormous.
It is the choice of the client how big it's window will be on his
enormous monitor.

Exactly. As it is the choice of the viewier (whom I assume you mean by
"client") how big her text (font) is.
If for instance I have a prefixed width of 1024 website then people
who are viewing it on 3000 width windows have an enourmus non-used
space.

See above.

In any case if you make your site fluid then that non used space will not be
there.
If I let the tekst beside a pictures expand, then you have a big
picture with 1 very long line of text which isn't a nice site.

If that is the way your viewer want's it then who are you to pre-suppose?
Let your viewer have one single long line. She probably won't anyway, for
reasons mentioned above.
So I just want to fill up unused space if there is more space ;-)

Hmmm OK I tried to understand what you are saying.

I guess the bottom line is: Forget what you are trying to do, it won't
happen anyway. Build your site fluid and let your viewer take control of the
canvas. That, after all, is the way the web is supposed to work.
 
M

Michel

Neal said:
Well, you likely know that sniffing the screen resolution with Js tells
you the desktop size, and the viewport may be significantly smaller. But
if you use this to determine how large the background should be sized,
unless the image is unusually large it should not be a problem to code
your Js to create a background of the size of the desktop, which is
necessarily larger than the viewport (at least the visible portion!).

Well I still did't get or find a solution :(

Let me explain it a bitmore:
I wonder if there is a javascript solution to resize a repeating
background image. With a repeating background-image I don't need to
hardcode a repeating image for every time it has to show. If the
window get's bigger the image get's more repeated. Now I want this but
I also want the autoresize as <img width="100%"> does this.
So suppose I have a table-cell with height="100%" and width="5%" that
resizes allong with the browser-window. If I place 1 <img
width="100%"> in it then that image is displayed 1 time and autoresize
allong with the table. But I also want to repeat the image down the
cell like if you use a backgroundimage. But the problem with the
background image is that it doesn't resize, nor do I now how I can
resize it with a javascript routine called on window-resize.

I could copy the html-line of the <img> over and over, but then I also
need to add more and more lines when the windows get's higher and
higher....
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Members online

No members online now.

Forum statistics

Threads
473,744
Messages
2,569,483
Members
44,903
Latest member
orderPeak8CBDGummies

Latest Threads

Top