Imagen redimensionada automáticamente

[Daam]

Buenas,

¿Cómo puedo hacer para que dependiendo de la resolución de pantalla del internauta, una imagen se redimensione?

Miren el ejemplo de este sitio...:

http://www.elnorte.com.ve/enmantenimiento.html

...Y prueben visualizarlo con una resoluciónd e 800 x 600px y 1024 x 768px.

Verán a qué me refiero.

Gracias, espero algun comentario .

[kseso?]

Hola Daam
Pues esa página no tiene nada de css. Tablas puras y duras para maquetar
Y este es el código:
<td valign="center" height="400" background="imgs/fondo.gif" align="center">
<img border="0" src="imgs/enmantenimiento.gif"/>
</td>
la imagen que cruza la pantalla de lado a lado está puesta como background="imgs/fondo.gif" y en esa celda alineada al centro tienen la imagen src="imgs/enmantenimiento.gif"
Como verás, no hay imagen que se redimensione en función de la resolución de la pantalla.

Para lograr que una página muestre una imagen u otra según la ventana del visitante necesitas algún script o programación mediante php o similar, con css es imposible.
Un saludo

P.D.: no tomes esa pág. como ejemplo para las tuyas

[Daam]

Jeje, gracias por el dato kseso?. Tomaré como referencia otros sitios entonces.

Mucha suerte.

[talmente]

Se pueden coseguir imagenes elasticas con un javaScript mira este sitio
http://nickcowie.com/2005/elastic-images/

[reversible]

no creo que sea necesario llegar a javascript, creo que puedes tomar una pequeña porcion de la imagen que se repita, o mas bien que siga un patron...entonces ahi es cuando debes de utilizar las siguientes reglas

body
{
background-image: url(stars.gif);
background-repeat: repeat-x
}

starts.gif es la imagen que sigue un patron repetitivo, como los extremos amarillos de la imagen que tienes en el ejemplo, y solo con el repeat-x haces que se repita.

En cuanto a lo del ancho de la ventana del explorador, creo que deberias de comenzar a ver lo que son las medidas relativas y absolutas

http://www.ignside.net/man/css/unidades.php

[Mikmoro]

Esto es realmente una foto de fondo elástica, pero como tal, obviamente se deforma:

http://www.araudi.net/forosdelweb/foto_elastica.html

[talmente]

Si no es blanco y en botella no es leche maestro, el script al que me refiero te permite flexibilizar la imágenes de una web, de manera que ocupe siempre el mismo espacio y no se queden o muy chicas o muy grandes, que es lo que suele ocurrir en una web con medidas relativas.

[Mikmoro]

Ese script está muy bien. La diferencia es que usándolo sólo para una imagen de fondo, hecho sólo con css es más dinámico que con JS y funciona cuando JS está desactivado:

http://www.araudi.net/forosdelweb/foto_elastica2.html