White strip showing up between two imagemaps

[Nathan Sokalski]

I have two asp:ImageMaps in a table cell as follows:
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr valign="top">
<td align="center">
<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>
I would expect the top/bottom of these to be touching each other, but there
is a white strip of empty space between them. Why is this? Thanks.
--
Nathan Sokalski
nj********@hotm ail.com
http://www.nathansokalski.com/

[Baski]

Remove all the height property and give it a shot.

"Nathan Sokalski" <nj********@hot mail.comwrote in message
news:Ok******** ******@TK2MSFTN GP02.phx.gbl...

>I have two asp:ImageMaps in a table cell as follows:
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr valign="top">
<td align="center">
<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>
I would expect the top/bottom of these to be touching each other, but
there is a white strip of empty space between them. Why is this? Thanks.
--
Nathan Sokalski
nj********@hotm ail.com
http://www.nathansokalski.com/

[Nathan Sokalski]

That did not make any difference. Any other ideas? Thanks.
--
Nathan Sokalski
nj********@hotm ail.com
http://www.nathansokalski.com/

"Baski" <ba***@aldensys .comwrote in message
news:Od******** ********@TK2MSF TNGP06.phx.gbl. ..

Remove all the height property and give it a shot.

"Nathan Sokalski" <nj********@hot mail.comwrote in message
news:Ok******** ******@TK2MSFTN GP02.phx.gbl...

>>I have two asp:ImageMaps in a table cell as follows:
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr valign="top">
<td align="center">
<asp:ImageMap ID="mapBanner" runat="server" BorderWidth="0p x"
Height="82px " ImageUrl="../images/top_banner.jpg" Width="1000px"
style="margin: 0px;padding:0px ;">
<asp:RectangleH otSpot Left="125" Top="5" Right="200" Bottom="22"
NavigateUrl="a bout" AlternateText=" About AFBE" />
<asp:RectangleH otSpot Left="206" Top="5" Right="347" Bottom="22"
NavigateUrl="f oundation" AlternateText=" Foundation Scholarship" />
<asp:RectangleH otSpot Left="353" Top="5" Right="421" Bottom="22"
NavigateUrl="c ontact.asp" AlternateText=" Contact Us" />
<asp:RectangleH otSpot Left="425" Top="5" Right="511" Bottom="22"
NavigateUrl="a ffiliates" 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="e spanol" AlternateText=" Spanish Version" />
<asp:RectangleH otSpot Left="946" Top="37" Right="984" Bottom="65"
NavigateUrl="f rancis" AlternateText=" French Version" />
</asp:ImageMap>
<asp:ImageMap ID="mapNavBanne r" runat="server" Width="1000" Height="19"
BorderWidth="0 " ImageUrl="../images/navigation.jpg"
style="margin: 0px;padding:0px ;">
<asp:RectangleH otSpot Left="7" Top="1" Right="188" Bottom="16"
NavigateUrl="e xposure" AlternateText=" National Exposure Service" />
<asp:RectangleH otSpot Left="203" Top="1" Right="323" Bottom="16"
NavigateUrl="a thletes" AlternateText=" Athlete Database" />
<asp:RectangleH otSpot Left="336" Top="1" Right="428" Bottom="16"
NavigateUrl="t ournaments" AlternateText=" Tournaments" />
<asp:RectangleH otSpot Left="442" Top="1" Right="555" Bottom="16"
NavigateUrl="s ummercamps" AlternateText=" Summer Camps" />
<asp:RectangleH otSpot Left="569" Top="1" Right="659" Bottom="16"
NavigateUrl="c oaches" AlternateText=" For Coaches" />
<asp:RectangleH otSpot Left="673" Top="1" Right="858" Bottom="16"
NavigateUrl="o pportunities" AlternateText=" Employment Opportunities" />
<asp:RectangleH otSpot Left="873" Top="1" Right="917" Bottom="16"
NavigateUrl= "" AlternateText=" Home" />
</asp:ImageMap>
</td>
</tr>
</table>
I would expect the top/bottom of these to be touching each other, but
there is a white strip of empty space between them. Why is this? Thanks.
--
Nathan Sokalski
nj********@hotm ail.com
http://www.nathansokalski.com/

[Baski]

Put each images in it's own row instead of one row. Set top rows valign to
bottom and bottom rows valign to top and see what happens.

"Nathan Sokalski" <nj********@hot mail.comwrote in message
news:e4******** ******@TK2MSFTN GP04.phx.gbl...

That did not make any difference. Any other ideas? Thanks.
--
Nathan Sokalski
nj********@hotm ail.com
http://www.nathansokalski.com/

"Baski" <ba***@aldensys .comwrote in message
news:Od******** ********@TK2MSF TNGP06.phx.gbl. ..

>Remove all the height property and give it a shot.

"Nathan Sokalski" <nj********@hot mail.comwrote in message
news:Ok******* *******@TK2MSFT NGP02.phx.gbl.. .

>>>I have two asp:ImageMaps in a table cell as follows:
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr valign="top">
<td align="center">
<asp:ImageMap ID="mapBanner" runat="server" BorderWidth="0p x"
Height="82p x" ImageUrl="../images/top_banner.jpg" Width="1000px"
style="margin :0px;padding:0p x;">
<asp:RectangleH otSpot Left="125" Top="5" Right="200" Bottom="22"
NavigateUrl=" about" AlternateText=" About AFBE" />
<asp:RectangleH otSpot Left="206" Top="5" Right="347" Bottom="22"
NavigateUrl=" foundation" AlternateText=" Foundation Scholarship" />
<asp:RectangleH otSpot Left="353" Top="5" Right="421" Bottom="22"
NavigateUrl=" contact.asp" AlternateText=" Contact Us" />
<asp:RectangleH otSpot Left="425" Top="5" Right="511" Bottom="22"
NavigateUrl=" affiliates" 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=" espanol" AlternateText=" Spanish Version" />
<asp:RectangleH otSpot Left="946" Top="37" Right="984" Bottom="65"
NavigateUrl=" francis" AlternateText=" French Version" />
</asp:ImageMap>
<asp:ImageMap ID="mapNavBanne r" runat="server" Width="1000"
Height="19" BorderWidth="0" ImageUrl="../images/navigation.jpg"
style="margin :0px;padding:0p x;">
<asp:RectangleH otSpot Left="7" Top="1" Right="188" Bottom="16"
NavigateUrl=" exposure" AlternateText=" National Exposure Service" />
<asp:RectangleH otSpot Left="203" Top="1" Right="323" Bottom="16"
NavigateUrl=" athletes" AlternateText=" Athlete Database" />
<asp:RectangleH otSpot Left="336" Top="1" Right="428" Bottom="16"
NavigateUrl=" tournaments" AlternateText=" Tournaments" />
<asp:RectangleH otSpot Left="442" Top="1" Right="555" Bottom="16"
NavigateUrl=" summercamps" AlternateText=" Summer Camps" />
<asp:RectangleH otSpot Left="569" Top="1" Right="659" Bottom="16"
NavigateUrl=" coaches" AlternateText=" For Coaches" />
<asp:RectangleH otSpot Left="673" Top="1" Right="858" Bottom="16"
NavigateUrl=" opportunities" AlternateText=" Employment Opportunities" />
<asp:RectangleH otSpot Left="873" Top="1" Right="917" Bottom="16"
NavigateUrl=" " AlternateText=" Home" />
</asp:ImageMap>
</td>
</tr>
</table>
I would expect the top/bottom of these to be touching each other, but
there is a white strip of empty space between them. Why is this? Thanks.
--
Nathan Sokalski
nj********@hotm ail.com
http://www.nathansokalski.com/

[Nathan Sokalski]

That did not make any difference either. After experimenting with some code
in a *.html file to find something that works, I found that a <br/needs to
be output between the <imgand <maptags, so my output needs to be the
following tags to avoid the white strip:
<table>
<tr>
<td>
<img/><br/>
<map>
<area/>
</map>
<img/><br/>
<map>
<area/>
</map>
</td>
</tr>
</table>
However, this presents the problem of how to get ASP.NET to output the <br/>
tag. Because the <br/tag must be between the <img/and <maptags and
<asp:ImageMapca n only contain certain tags, I cannot figure out how to get
the <br/in the right place. What do I do? Thanks.
--
Nathan Sokalski
nj********@hotm ail.com
http://www.nathansokalski.com/

"Baski" <ba***@aldensys .comwrote in message
news:%2******** ********@TK2MSF TNGP03.phx.gbl. ..

Put each images in it's own row instead of one row. Set top rows valign to
bottom and bottom rows valign to top and see what happens.

"Nathan Sokalski" <nj********@hot mail.comwrote in message
news:e4******** ******@TK2MSFTN GP04.phx.gbl...

>That did not make any difference. Any other ideas? Thanks.
--
Nathan Sokalski
nj********@hotm ail.com
http://www.nathansokalski.com/

"Baski" <ba***@aldensys .comwrote in message
news:Od******* *********@TK2MS FTNGP06.phx.gbl ...

>>Remove all the height property and give it a shot.

"Nathan Sokalski" <nj********@hot mail.comwrote in message
news:Ok****** ********@TK2MSF TNGP02.phx.gbl. ..
I have two asp:ImageMaps in a table cell as follows:
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr valign="top">
<td align="center">
<asp:ImageMap ID="mapBanner" runat="server" BorderWidth="0p x"
Height="82px " ImageUrl="../images/top_banner.jpg" Width="1000px"
style="margi n:0px;padding:0 px;">
<asp:RectangleH otSpot Left="125" Top="5" Right="200" Bottom="22"
NavigateUrl= "about" AlternateText=" About AFBE" />
<asp:RectangleH otSpot Left="206" Top="5" Right="347" Bottom="22"
NavigateUrl= "foundation " AlternateText=" Foundation Scholarship" />
<asp:RectangleH otSpot Left="353" Top="5" Right="421" Bottom="22"
NavigateUrl= "contact.as p" AlternateText=" Contact Us" />
<asp:RectangleH otSpot Left="425" Top="5" Right="511" Bottom="22"
NavigateUrl= "affiliates " 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= "espanol" AlternateText=" Spanish Version" />
<asp:RectangleH otSpot Left="946" Top="37" Right="984" Bottom="65"
NavigateUrl= "francis" AlternateText=" French Version" />
</asp:ImageMap>
<asp:ImageMap ID="mapNavBanne r" runat="server" Width="1000"
Height="19 " BorderWidth="0" ImageUrl="../images/navigation.jpg"
style="margi n:0px;padding:0 px;">
<asp:RectangleH otSpot Left="7" Top="1" Right="188" Bottom="16"
NavigateUrl= "exposure" AlternateText=" National Exposure Service" />
<asp:RectangleH otSpot Left="203" Top="1" Right="323" Bottom="16"
NavigateUrl= "athletes" AlternateText=" Athlete Database" />
<asp:RectangleH otSpot Left="336" Top="1" Right="428" Bottom="16"
NavigateUrl= "tournament s" AlternateText=" Tournaments" />
<asp:RectangleH otSpot Left="442" Top="1" Right="555" Bottom="16"
NavigateUrl= "summercamp s" AlternateText=" Summer Camps" />
<asp:RectangleH otSpot Left="569" Top="1" Right="659" Bottom="16"
NavigateUrl= "coaches" AlternateText=" For Coaches" />
<asp:RectangleH otSpot Left="673" Top="1" Right="858" Bottom="16"
NavigateUrl= "opportunit ies" AlternateText=" Employment Opportunities" />
<asp:RectangleH otSpot Left="873" Top="1" Right="917" Bottom="16"
NavigateUrl= "" AlternateText=" Home" />
</asp:ImageMap>
</td>
</tr>
</table>
I would expect the top/bottom of these to be touching each other, but
there is a white strip of empty space between them. Why is this?
Thanks.
--
Nathan Sokalski
nj********@hotm ail.com
http://www.nathansokalski.com/