CLR: .Net / Mono / Boo / Otros CLR > ASP .NET
imagemap que ocupe siempre el acho de la pantalla
Jeysscarr:
Hice una página con el mismo tipo de estructura superior que muestras en la imágen y efectivamente me impide manejar las coordenadas con facilidad, entonces lo solucione sacando esa "estructura de tres partes" como la tuya, de todas las etiquetas <div> y <form> que habian, ubicandola en la parte superior de la pantalla como algo independiente de las demás partes de la página
para lo de la imágen que se distorsiona la solucion es crear la misma imágen pero de 1600 pixeles y establecer que la forma de adaptación de la imágen no sea que se estreche para caber en el contenedor, sino que sea de forma libre. Otra forma puede ser que si la imágen que se debe agrandar tiene un color uniforme de fondo, poner el mismo color como el color de fondo del contenedor en el que se encuentra y como antes no dejar que la imágen se adapte al nuevo tamaño, sino que se muestre en el tamaño original, para eso, estableces los pixeles como fijos.
Te dejo unas imágenes para que veas como lo solucioné, Esto depende de en qué etiqueta tienes alojada tu estructura, espero que te funcione
Johana84:
Hola
sacando esa "estructura de tres partes" de todas las etiquetas <div> y <form> que tengo, y ubicandola en la parte superior de la pantalla como algo independiente de las demás partes de la página me genera un error debido al contenido que tiene el asp:panel que es el siguiente:
--- Código: Text ---<asp:Panel ID="Search" runat="server" DefaultButton="SearchButton" HorizontalAlign="Right" Width="100%"><span class="CeldaBarra2" style="font-weight: bold; color: #2F5F00;">TEXTO A BUSCAR<br></span> <asp:TextBox ID="SearchTextBox" runat="server" CssClass="text" MaxLength="128" Width="240px" /> <asp:Button ID="SearchButton" CssClass="Buscar" runat="server" UseSubmitBehavior="false" PostBackUrl="~/Search.aspx" OnClick="SearchButton_Click"/></asp:Panel>
mirando la imagenes que me proporcionaste como ejemplo, las mias tienes una variación ya que los link van es en la imagen que tiene el imagemap asi:[attachment=1:3knzhshr]panel1.JPG[/attachment:3knzhshr]
Este es un ejemplo de la imagen que va en el imagemap, como podras observar no es una imagen con un fondo de un solo tono:
[attachment=0:3knzhshr]cabeza_r1_c4.gif[/attachment:3knzhshr]
y este es el codigo que tengo en el archivo .master:
--- Código: Text ---[size=85]<body class="<%= PageContext.Current.PageGroup %>"> <form id="form1" runat="server"> <asp:SiteMapDataSource runat="server" ID="SiteMapDataSource" StartFromCurrentNode="false" StartingNodeUrl="~/Browse.aspx" ShowStartingNode="false" SiteMapProvider="SiteMap" /> <div runat="server" id="container"> <div runat="server" id="banner" style="background-color: #FFFFFF; width: 100%;"> <table cellpadding="0" cellspacing="0" class="TablaRegistro" width="100%"> <tr> <td rowspan="2" class="ImageCell" valign="top"> <div runat="server" id="branding" class="TablaFila"> <asp:HyperLink ID="HyperLink6" runat="server" CssClass="TablaFila" NavigateUrl="~/">Tienda</asp:HyperLink> </div> </td> <td valign="top" class="ImageCell" width="100%" height="100%"> <div runat="server" id="imagen"> <asp:ImageMap ID="ImageMap" 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> </td> </tr> <tr> <td> <table cellpadding="0" cellspacing="0"> <tr bgcolor="#C1DF3B"> <td colspan="15" valign="top" class="CeldaBarra"> <asp:Image ID="Barraverde" runat="server" ImageUrl="Images/ima_home/barra_verde_peq.gif" Width="75px" Height="6px" ImageAlign="Top" CssClass="TablaFila"/> </td> <td class="CeldaBarra"> <asp:Panel ID="Search" runat="server" DefaultButton="SearchButton" HorizontalAlign="Right" Width="100%"> <span class="CeldaBarra2" style="font-weight: bold; color: #2F5F00;">TEXTO A BUSCAR<br> </span> <asp:TextBox ID="SearchTextBox" runat="server" CssClass="text" MaxLength="128" Width="240px" /> <asp:Button ID="SearchButton" CssClass="Buscar" runat="server" UseSubmitBehavior="false" PostBackUrl="~/Search.aspx" OnClick="SearchButton_Click"/> </asp:Panel> </td> <td><asp:Image ID="Image4" runat="server" ImageUrl="~/Images/ima_home/flecha_roja.gif" Width="9px" Height="9px" CssClass="TablaFila" /> </td> <td><asp:HyperLink ID="HyperLink4" runat="server" NavigateUrl=""> <span style="color: #D60C21; font-size: 9px" >Búsqueda<br />Avanzada</span> </asp:HyperLink> </td> </tr> </table> </td> </tr> </table> </div>
Podrias entonces decirme como hago entonces, si me puedes poner el codigo de ejemplo mucho mejor.
Gracias
Johana
Jeysscarr:
Hola joha, la imagen que use tampoco es de un tono especifico, era una sugerencia por si se daba el caso, en mi caso no hice nada complicado, solo especificar un "formulario" para los botones y controles que van en la parte sup y otro para los del cuerpo de la pagina... en realidad no hay truco, el codigo te lo pongo cuando llegue a mi casa, estoy inthe Work.. que pases un buen dia
Johana84:
Hola
Muchas gracias por tu ayuda, esperare entonces el ejemplo de codigo.
Gracias
Johana
Johana84:
Hola Jeysscarr
Me ayudaria mucho si me puedes proporcionar el ejemplo, para poder solucionar el problema con las imagenes, muchas gracias de antemano por toda la ayuda brindada.
Atte
Johana
Navegación
[#] Página Siguiente
[*] Página Anterior
Ir a la versión completa