The exact code in my *.ascx file is:
<%@ Control Language="vb" AutoEventWireup ="false"
CodeBehind="tit lebanner.ascx.v b" Inherits="AFBE. titlebanner" %>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td align="center" style="margin:0 px;padding:0px; ">
<asp:ImageMap ID="mapBanner" runat="server" BorderWidth="0p x"
Height="82px" ImageUrl="../images/top_banner.jpg" Width="1000px"
style="margin:0 px;padding:0px; ">
<asp:RectangleH otSpot Left="125" Top="5" Right="200" Bottom="22"
NavigateUrl="ab out" AlternateText=" About AFBE" />
<asp:RectangleH otSpot Left="206" Top="5" Right="347" Bottom="22"
NavigateUrl="fo undation" AlternateText=" Foundation Scholarship" />
<asp:RectangleH otSpot Left="353" Top="5" Right="421" Bottom="22"
NavigateUrl="co ntact.asp" AlternateText=" Contact Us" />
<asp:RectangleH otSpot Left="425" Top="5" Right="511" Bottom="22"
NavigateUrl="af filiates" AlternateText=" Affiliate Login" />
<asp:RectangleH otSpot Left="857" Top="37" Right="896" Bottom="65"
NavigateUrl="" AlternateText=" English Version" />
<asp:RectangleH otSpot Left="902" Top="37" Right="940" Bottom="65"
NavigateUrl="es panol" AlternateText=" Spanish Version" />
<asp:RectangleH otSpot Left="946" Top="37" Right="984" Bottom="65"
NavigateUrl="fr ancis" AlternateText=" French Version" />
</asp:ImageMap>
<asp:ImageMap ID="mapNavBanne r" runat="server" Width="1000" Height="19"
BorderWidth="0" ImageUrl="../images/navigation.jpg"
style="margin:0 px;padding:0px; ">
<asp:RectangleH otSpot Left="7" Top="1" Right="188" Bottom="16"
NavigateUrl="ex posure" AlternateText=" National Exposure Service" />
<asp:RectangleH otSpot Left="203" Top="1" Right="323" Bottom="16"
NavigateUrl="at hletes" AlternateText=" Athlete Database" />
<asp:RectangleH otSpot Left="336" Top="1" Right="428" Bottom="16"
NavigateUrl="to urnaments" AlternateText=" Tournaments" />
<asp:RectangleH otSpot Left="442" Top="1" Right="555" Bottom="16"
NavigateUrl="su mmercamps" AlternateText=" Summer Camps" />
<asp:RectangleH otSpot Left="569" Top="1" Right="659" Bottom="16"
NavigateUrl="co aches" AlternateText=" For Coaches" />
<asp:RectangleH otSpot Left="673" Top="1" Right="858" Bottom="16"
NavigateUrl="op portunities" AlternateText=" Employment Opportunities" />
<asp:RectangleH otSpot Left="873" Top="1" Right="917" Bottom="16"
NavigateUrl="" AlternateText=" Home" />
</asp:ImageMap>
</td>
</tr>
</table>
The exact code that this renders is:
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td align="center" style="margin:0 px;padding:0px; ">
<img id="titlebanner 1_mapBanner" src="images/top_banner.jpg"
usemap="#ImageM aptitlebanner1_ mapBanner"
style="border-width:0px;heigh t:82px;width:10 00px;margin:0px ;padding:0px;"
/><map name="ImageMapt itlebanner1_map Banner">
<area shape="rect" coords="125,5,2 00,22" href="usercontr ols/about"
title="About AFBE" alt="About AFBE" /><area shape="rect"
coords="206,5,3 47,22" href="usercontr ols/foundation" title="Foundati on
Scholarship" alt="Foundation Scholarship" /><area shape="rect"
coords="353,5,4 21,22" href="usercontr ols/contact.asp" title="Contact Us"
alt="Contact Us" /><area shape="rect" coords="425,5,5 11,22"
href="usercontr ols/affiliates" title="Affiliat e Login" alt="Affiliate Login"
/><area shape="rect" coords="857,37, 896,65" href="" title="English Version"
alt="English Version" /><area shape="rect" coords="902,37, 940,65"
href="usercontr ols/espanol" title="Spanish Version" alt="Spanish Version"
/><area shape="rect" coords="946,37, 984,65" href="usercontr ols/francis"
title="French Version" alt="French Version" />
</map>
<img id="titlebanner 1_mapNavBanner" src="images/navigation.jpg"
usemap="#ImageM aptitlebanner1_ mapNavBanner"
style="border-width:0px;heigh t:19px;width:10 00px;margin:0px ;padding:0px;"
/><map name="ImageMapt itlebanner1_map NavBanner">
<area shape="rect" coords="7,1,188 ,16" href="usercontr ols/exposure"
title="National Exposure Service" alt="National Exposure Service" /><area
shape="rect" coords="203,1,3 23,16" href="usercontr ols/athletes"
title="Athlete Database" alt="Athlete Database" /><area shape="rect"
coords="336,1,4 28,16" href="usercontr ols/tournaments" title="Tourname nts"
alt="Tournament s" /><area shape="rect" coords="442,1,5 55,16"
href="usercontr ols/summercamps" title="Summer Camps" alt="Summer Camps"
/><area shape="rect" coords="569,1,6 59,16" href="usercontr ols/coaches"
title="For Coaches" alt="For Coaches" /><area shape="rect"
coords="673,1,8 58,16" href="usercontr ols/opportunities" title="Employme nt
Opportunities" alt="Employment Opportunities" /><area shape="rect"
coords="873,1,9 17,16" href="" title="Home" alt="Home" />
</map>
</td>
</tr>
</table>
I don't know why it would help, but the two images are located at:
http://www.mosaicinc.net/clients/afb...top_banner.jpg http://www.mosaicinc.net/clients/afb...navigation.jpg
The width & height that I specify in my code (1000x82 & 1000x19) are
correct, and I also tried not specifying a width & height, but neither made
any difference. The only working solution I have found is to write the html
by hand and place a <br/between the img & map tags. If you go to:
http://www.mosaicinc.net/clients/afbe/
you can see the two imagemaps at the top without any empty space between
them. But if you look at the source code, you will notice that there is a
<brtag between the img and map tags (the page that is currently there is
written in Classic ASP, I need to convert it to ASP.NET, and I would rather
use the ImageMap control than manually write the html). If there is any
other information that might help you help me find a solution, let me know.
Thanks.
--
Nathan Sokalski
nj********@hotm ail.com http://www.nathansokalski.com/
"clintonG" <cs*********@RE MOVETHISTEXTmet romilwaukee.com wrote in message
news:O$******** ******@TK2MSFTN GP04.phx.gbl...
What does the ImageMap control render in the html? A div of its own or the
tables you have been pasting into this news article? You might be asked to
put the images you are using on a server with a URL I or others can look
at before we could help any further.
<%= Clinton
"Nathan Sokalski" <nj********@hot mail.comwrote in message
news:e%******** ********@TK2MSF TNGP04.phx.gbl. ..
>That didn't help either. I tried using the following tag layout:
<div style="margin:0 px;padding:0px; ">
<asp:ImageMap ID="mapBanner" runat="server" BorderWidth="0p x"
Height="82px " ImageUrl="../images/top_banner.jpg" Width="1000px"
style="margin: 0px;padding:0px ;">
</asp:ImageMap>
</div>
<div style="margin:0 px;padding:0px; ">
<asp:ImageMap ID="mapNavBanne r" runat="server" Width="1000"
Height="19" BorderWidth="0" ImageUrl="../images/navigation.jpg"
style="margin: 0px;padding:0px ;">
</asp:ImageMap>
</div>
but the whitestrip still shows up between the ImageMaps. Any other ideas?
Thanks.
--
Nathan Sokalski
nj********@hotm ail.com
http://www.nathansokalski.com/
"clintonG" <cs*********@RE MOVETHISTEXTmet romilwaukee.com wrote in
message news:uI******** ******@TK2MSFTN GP04.phx.gbl...
>>Try it the way I suggested. Get them out of the td and into divs of
their own.
<%= Clinton
"Nathan Sokalski" <nj********@hot mail.comwrote in message
news:%2****** **********@TK2M SFTNGP03.phx.gb l...
I have tried using CSS properties to control this, but it does not seem
to help. Here is my actual code (I removed the <asp:RectangleH otSpot/>
tags to shorten it):
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td align="center" style="margin:0 px;padding:0px; ">
<asp:ImageMap ID="mapBanner" runat="server"
BorderWidth= "0px" Height="82px" ImageUrl="../images/top_banner.jpg"
Width="1000p x" style="margin:0 px;padding:0px; ">
</asp:ImageMap>
<asp:ImageMap ID="mapNavBanne r" runat="server"
Width="100 0" Height="19" BorderWidth="0"
ImageUrl=" ../images/navigation.jpg" style="margin:0 px;padding:0px; ">
</asp:ImageMap>
</td>
</tr>
</table>
I have also tried using two separate table rows, which did not help
either. Any other ideas? Thanks.
--
Nathan Sokalski
nj********@hotm ail.com
http://www.nathansokalski.com/
"clintonG" <cs*********@RE MOVETHISTEXTmet romilwaukee.com wrote in
message news:%2******** ********@TK2MSF TNGP03.phx.gbl. ..
Put each control into a separate Panel or div and use styled margins
to manage white space.
>
<%= Clinton Gallagher
NET csgallagher AT metromilwaukee. com
URL http://clintongallagher.metromilwaukee.com/
MAP 43°2'17"N 88°2'37"W : 43°2'17"N 88°2'37"W
>
"Nathan Sokalski" <nj********@hot mail.comwrote in message
news:OZ**** **********@TK2M SFTNGP04.phx.gb l...
>>I am using ASP.NET 2.0's ImageMap Control to create 2 imagemaps, one
>>directl y below the other. When I do this a thin blank space appears
>>between them. After several days of frustration I realized that the
>>differenc e between what the ImageMap Control outputs and the html on
>>the page I was trying to reproduce with ASP.NET 2.0 was the following:
>>
>>
>Handwritte n HTML imagemaps (no whitestrip between them):
>>
><table>
> <tr>
> <td>
> <img/><br/>
> <map>
> <area/>
> </map>
> <img/><br/>
> <map>
> <area/>
> </map>
> </td>
> </tr>
></table>
>>
>ASP.NET 2.0 generated HTML using the ImageMap Control (whitestrip
>appears between the two ImageMaps):
>>
><table>
> <tr>
> <td>
> <img/>
> <map>
> <area/>
> </map>
> <img/>
> <map>
> <area/>
> </map>
> </td>
> </tr>
></table>
>>
>>
>In case you didn't see it, the difference is that the handwritten
>HTML includes a <br/between the <img/and <maptags. However,
>this is not achievable (at least not using any technique I can think
>of) using the ASP.NET 2.0 ImageMap Control. What can I do? Thanks.
>--
>Nathan Sokalski
>nj********@hotm ail.com
>http://www.nathansokalski.com/
>>
>
>