none
Image 與 image button 隔開問題 RRS feed

  • 問題

  •              <tr id="divReport" runat="server" visible="false" >
                     <td colspan="4" valign="top" >  
                        <asp:Image ID="Image4" runat="server"  ImageUrl="~/image/button-images/stroke.gif" width="7" height="20"/>
                        <asp:ImageButton ID="imnBookingRecord" runat="server" ImageUrl="~/image/dec1/booking-record_01-02.gif" width="185" height="20"  onclick="imnBookingRecord_Click1"/>
                        <asp:Image ID="Image8" runat="server"  ImageUrl="~/image/button-images/stroke.gif" width="7" height="20"/>
                        <asp:ImageButton ID="imnInventoryRecord" runat="server" ImageUrl="~/image/dec1/inventory-record_01-02.gif" width="185" height="20" onclick="imnInventoryRecord_Click1"/>
                        <asp:Image ID="Image9" runat="server"  ImageUrl="~/image/button-images/stroke.gif" width="7" height="20"/>
                        <asp:Image ID="Image10" runat="server"  ImageUrl="~/image/button-images/green-banner.gif" width="308" height="20"/>
                     </td>   
                 </tr>  

    在design mode 上, 是沒有隔開, 但debug 中, 各control 自動隔開1-2mm. 是否需要設定什麼去調整這自動分隔問題 ?


    kingterry
    2009年6月15日 上午 09:30

解答

  • 在 <input type="image" ...> 到 <img id=... 中間把斷行拿掉, 也就是中間不要有空格也不要斷行, 試試看。
    ASP.NET 2Share - http://phone.idv.tw/cs2/
    • 已標示為解答 kingterry 2009年6月22日 下午 01:43
    2009年6月15日 下午 03:19

所有回覆

  • 有時候會是瀏覽器本身顯示行為的問題。
    小人物一枚。
    2009年6月15日 上午 09:45
    版主
  • 之前用firefox 有這問題. 再用ie 7.0 試, 多了與上行的分隔. 想問會否是輸出html 時的bug.


    kingterry
    2009年6月15日 上午 10:04
  • 瀏覽器有一種東西叫做 檢視原始碼 ... 自己可以看一下吧。
    小人物一枚。
    2009年6月15日 上午 10:21
    版主
  • <tr id="ctl00_ctl00_divPickReturn">
            <td colspan="4" valign="top">            
                        <img id="ctl00_ctl00_imStoke" src="../../image/button-images/stroke.gif" style="height:20px;width:7px;border-width:0px;" />
                        <input type="image" name="ctl00$ctl00$imnPickupList" id="ctl00_ctl00_imnPickupList" onmouseover="this.src='../..                   
    /image/dec1/today-pickup-list_01.gif'" onmouseout="this.src='../../image/dec1/today-pickup-list_01-02.gif'" src="../../image/dec1/today-pickup-list_01-02.gif" style="height:20px;width:185px;border-width:0px;" />
                        <img id="ctl00_ctl00_Image5" src="../../image/button-images/stroke.gif" style="height:20px;width:7px;border-width:0px;" />
                        <input type="image" name="ctl00$ctl00$imnReturnList" id="ctl00_ctl00_imnReturnList" src="../../image/dec1/today-return-list_01.gif" style="height:20px;width:185px;border-width:0px;" />
                        <img id="ctl00_ctl00_Image6" src="../../image/button-images/stroke.gif" style="height:20px;width:7px;border-width:0px;" />
                        <img id="ctl00_ctl00_Image7" src="../../image/button-images/green-banner.gif" style="height:20px;width:308px;border-width:0px;" />  
             </td>
        </tr>


    從程式碼中又沒有什麼異樣.
    kingterry
    2009年6月15日 上午 10:32
  • 沒異樣就是瀏覽器的顯示行為的問題了 ...
    小人物一枚。
    2009年6月15日 上午 10:34
    版主
  • 在 <input type="image" ...> 到 <img id=... 中間把斷行拿掉, 也就是中間不要有空格也不要斷行, 試試看。
    ASP.NET 2Share - http://phone.idv.tw/cs2/
    • 已標示為解答 kingterry 2009年6月22日 下午 01:43
    2009年6月15日 下午 03:19
  • Hi,


    這個問題您解決了嗎 ?

    B.R.

    微軟技術支援中心(CSS) - http://www.dotblogs.com.tw/lolota/
    2009年6月22日 上午 01:25
  • 今天試了johny 大大的提議, 確是有效.
    kingterry
    2009年6月22日 下午 01:43