Problema con mi Web al Agrandarla y Achicarla (no es el típico problema)

[alvarobakano]

Hola, buenas
soy Álvaro, llevo un par de años diseñando webs con dreamweaver y ahora me topé con algo que no he podido resolver yo solo;

estoy diseñando una web para un amigo
él es diseñador gráfico, así que diseñó la web en 1 imagen en photoshop

y yo puse en Dreamweaver la imagen diseñada por él, es solo una imagen que completa toda la pantalla, ya que le puse de hancho 100% (en vez de pixeles de ancho de la imagen, puse 100% para que se adapte al tamaño de cualquier ventana del navegador del usuario)

así, uno agranda y achica la ventana del navegador, y la web se agranda y se achica respectivamente, todo 100% proporcional, ya que es una imagen que tiene hancho de 100% con respecto a la ventana

entonces, yo en Dreamweaver, usé la "Herramienta de Zona Interactiva", así le llama dreamweaver, la que es para poner distintos link en distintas partes de la imagen,

el problema es que los campos de link (de la "Herramienta de Zona Interactiva") que tienen cada uno su propia forma y posición encima de la imagen, No se adaptan al tamaño de la web al agrandarla o achicarla, se quedan en el lugar que estaban antes nada más

necesito que los campos de link también se adapten, y no se les puede poner porcentajes, porque funcionan con coordenadas con respecto a la imagen en la cual están

disculpen si es que fue muy extenso al explicar, es que no se me ocurría cómo, si es que no se entiende, avísenme =

si tienen alguna solución para que al agrandar o achicar la ventana, los campos de link sobre la imagen también se adapten y bayan a su lugar respectivo, se los agradecería mucho

gracias de antemano

[srgio1112]

Ancho con h... ya por eso, ni te ayudo

[Lummox]

Es impresionante el compañerismo de algunos....

[emprear]

Lummox:

Supongo que con lo de zona interactiva, te referis a crear un mapa de imágenes
algo así

<img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap" />

<map name="planetmap">
<area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun" />
<area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury" />
<area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus" />
</map>

El problema es que las coordenadas son en pixeles respecto del tamaño de la imagen.
Ahi no cuentan los porcentajes.

Habria que ver el conjunto de tu diseño, pero creo que vas a tener que buscar la solución por otra parte.

Saludos

[alvarobakano]

disculpen la mala ortografía,

gracias por tu ayuda emprear, creo que tienes toda la razón, la respuesta está en otra parte,

pero qué otra solución se les ocurre?

mi meta es que las distintas resolusiones de pantallas vean la web perfecta, entonces apliqué eso de que al agrandar o achicar la ventana, se regule tambn la web, pero esas coordenadas no harán caso

¿se les ocurre otra cosa para que todos los computadores vean mi web al 100% de hancho de su tamaño de pantalla/navegador, y las coordenadas hagan caso al tamaño?

les agradecería un montón, gracias de antemano

[emprear]

alvarobakano:

Hay muchas formas de hacer esto, pero basicamente tenes que evitar tus imagenes no superen las medidas del area visible del navegador.

para 1024 x 768 como medida inicial, no más de 960px de ancho.
Podés usar javascript en combinación con css para detectar resolución y cargar distintas imágenes.

Habría que ver tu trabajo en su conjunto para ver que solución es la más adecuada ó práctica,

SAludos

[Carlangueitor]

Usar Mapas de imágenes para una página entera es la la peor manera de hacer eso. Tendrás que leerte algo de HTML y CSS para maquetar un archivo de photoshop correctamente.

Saludos