En este grupo En todos

Foro de Diseño web



redimensionar una imagen segun tamaño de la pantalla

johana
Valle del Cauca, Col...
Escrito por Johana Prado Duque
el 12/04/2010

Hola a todos

Estoy trabajando en. Net y tengo en el panel superior de mi página una imagen que tengo que redimensionar segun el tamaño de la pantalla, debo aclarar que no tengo conocimientos en diseño. Buscando en la red encontre que debia poner el Heigth y el Width en 100% en el asp:tablecell y que el ancho y alto de la imagen tambien fueran 100% para que la imagen se ajustara a la resolucion de la pantalla, el problema es que estoy utilizando un imagemap dentro de una tabla, entonces utilizando el 100% me ocupa ya la pantalla, pero si visualizo la página en una pantalla mas grande a 15" los iconos que estan dentro de la imagen se agrandan horrible y las coordenadas de los iconos se me corren. A continuación un pedazo del codigo que les hablo:

<asp:TableCell ColumnSpan="2" VerticalAlign="Top" CssClass="ImageCell" Width="100%" Height="100%">

<div runat="server" id="imagen" style="width: 100%; height: 100%;">
<asp:ImageMap ID="ImageMap1" runat="server" ImageUrl="Images/ima_home/cab_la14. Jpg" CssClass="ImageMap1" HotSpotMode="Navigate" Width="100%" Height="75px">
<asp:RectangleHotSpot Top="32" Bottom="71" Left="296" Right="273" NavigateUrl="~/Default. Aspx" HotSpotMode="Navigate" />

<asp:RectangleHotSpot Top="32" Bottom="71" Left="340" Right="320" NavigateUrl="~/Cart. Aspx" HotSpotMode="Navigate" />

<asp:RectangleHotSpot Top="32" Bottom="71" Left="389" Right="365" NavigateUrl="~/Cuenta. Aspx" HotSpotMode="Navigate"/>

<asp:RectangleHotSpot Top="32" Bottom="71" Left="405" Right="430" NavigateUrl="~/Profile/Default. Aspx" HotSpotMode="Navigate" />


<asp:RectangleHotSpot Top="32" Bottom="71" Left="460" Right="480" NavigateUrl="~/Contact. Aspx" HotSpotMode="Navigate" />


<asp:RectangleHotSpot Top="32" Bottom="71" Left="506" Right="520" NavigateUrl="~/HelpUser. Aspx" HotSpotMode="Navigate"/>
</asp:ImageMap>
</div>

</asp:TableCell>

Alguien sabe como puedo hacer para que la imagen se vea bien y me abarque la pantalla independientemente si es de 15" o de 21" o la que sea y que no se me corran las coordenadas de los link?

Gracias