CLR: .Net / Mono / Boo / Otros CLR > ASP .NET

 imagemap que ocupe siempre el acho de la pantalla

(1/3) > >>

Johana84:
Hola a todos
Los estoy convocando porque no se como hacer lo siguiente:

 Tengo un asp:imagemap como banner en la parte de arriba de la página, y me gustaría que ocupe todo el ancho de navegador, redimensionándose para seguir ocupando todo el ancho de la pantalla cuando se achique o se agrande la ventana del navegador, sin que las coordenadas del imagemap se pierdan cuando vea mi pagina en una pantalla mas grande.

este es el codigo que tengo:


--- Código: Text ---<div runat="server" id="imagen" style="width: 100%">  <asp:ImageMap ID="ImageMap1" runat="server" ImageUrl="Images/ima_home          /L2_Cabezote17.gif" CssClass="TablaFila" HotSpotMode="Navigate" Height="76px"          Width="100%">        <asp:RectangleHotSpot Top="32" Bottom="73" Left="339" Right="306"                 NavigateUrl="~/Default.aspx" HotSpotMode="Navigate" />         <asp:RectangleHotSpot Top="32" Bottom="73" Left="340" Right="384"                NavigateUrl="~/Cart.aspx" HotSpotMode="Navigate" />         <asp:RectangleHotSpot Top="32" Bottom="73" Left="385" Right="419"               NavigateUrl="~/Checkout/Default.aspx" HotSpotMode="Navigate"/>         <asp:RectangleHotSpot Top="32" Bottom="73" Left="463" Right="422"             NavigateUrl="~/Profile/Default.aspx" HotSpotMode="Navigate" />         <asp:RectangleHotSpot Top="32" Bottom="73" Left="510" Right="465"            NavigateUrl="~/Contact.aspx" HotSpotMode="Navigate" />         <asp:RectangleHotSpot Top="32" Bottom="73" Left="512" Right="546"             NavigateUrl="~/HelpUser.aspx" HotSpotMode="Navigate"/>    </asp:ImageMap>  </div> 
Alguien sabe como puedo hacer esto?

Muchas gracias

Johana

Jeysscarr:
Con codigo C# o VB en el evento load de la pagina:
Calcular el ancho de la pantalla con algo como: ImageMap.Width=My.Computer.Screen.With; para VB
Esto variaria del lenguaje con el que trabajes los metodos y eventos.

Para hacerlo sin C# o VB, tienes dos opciones:
1. Dejar todas las dimensiones del banner como absolutas, que ninguna tenga medidas especificas en Pixeles sino en porcentaje.
2. Crearlo de un tamaño especifico y que quede centrado en la página (Más sencillo)

Jeysscarr:
Aca de tejo un enlace acerca de como manejar la resolucion en Asp.net si el lenguaje es C#, si usas VB arriba es el codigo que te sirve:
http://www.c-sharpcorner.com/UploadFile/Joshy_geo/changescreenresolution10102006112110AM/changescreenresolution.aspx

Johana84:
Hola

muchas gracias por contestarme, voy a probar tus consejos y te cuento como me fue.

Gracias

Johana

Johana84:
Hola

Los consejos que me proporcionaste aplican si tengo mi panel superior de mi página dividido de la forma como esta en el archivo adjunto?
[attachment=0:2vkt8h25]panel.JPG[/attachment:2vkt8h25],
las medidas que tiene cada una de las imagenes son:
El logo de la empresa mide 151*120
la imagen del imagemap mide 826*76

El problema que tengo es que cuando miro mi página en una pantalla de 15" me ocupa todo el espacio de la pantalla, pero si la miro en una pantalla de 17" no me abarca toda la pantalla la imagen no se redimensiona, luego encontre que debia poner el ancho y alto al 100%, pero me pasa que las coordenadas de los link que debe tener el imagemap se corren y la imagen se me distorsiona un poco.

Estuve tratando de utilizar los consejos que me proporcionaste pero el número 1 me salen errores.

Podrias ayudarme por favor

Gracias

Johana

Navegación

[0] Índice de Mensajes

[#] Página Siguiente