0

プレーンなhtml 4.01コントロールのみを含む従来のaspページをasp.net 2.0 webに変換しています

ページ。ほとんどのコントロールを同等の asp.net コントロールに置き換えることはできますが、

しかし、コントロールのスタイリングに問題があります。つまり、コントロールが外れます

同じスタイリング情報を使用していても、位置合わせは行われません。

元:

古いコード

<p class="menuitem" id="menu01">
<a target="" href="Category.aspx?ccat_id=152&amp;language=en-GB&amp;publication=3">
<img height="7" width="12" src="Webroot/visual/arrow-navi-right.gif" border="0" alt="">Item 1</a>
</p>

新しい交換

<p class="menuitem" id="menu01">
<asp:LinkButton ID="LinkButtonManual" runat="server" PostBackUrl="~/Category.aspx?ccat_id=152&amp;language=en-GB&amp;publication=3">
  <asp:Image id="imgLinkManual" runat="server" Width="12" Height="7" ImageUrl="~/visual/arrow-navi-right.gif" ImageAlign="Left"/>
  <asp:Label ID="LblManual" runat="server" Text="Item 1"/>
</asp:LinkButton>
</p>

この場合、イメージとラベルは理想的には次のように表示されるはずです。

必須

しかし、実際には次のように表示されます

問題

画像には処理が行われていないため (画像は単なるアイコンであるため)、

サーバ側。古い方法、つまり古い html コントロールの使用を制限する必要があります。

お時間をいただき、誠にありがとうございました。

4

3 に答える 3

0

ASP.NET イメージは HTML イメージとしてレンダリングされるため、ASPX コードではなく、ASP.NET イメージのソース コードを確認する必要があります。次に、2 つのコードを比較して、違いを確認できます。

ただし、コードを見るとImageAlign、未加工の HTML 画像にはない属性が ASP.NET 画像にあることがわかります。

また、未加工の HTML コードでは、単に がありますが、ASP.NET コードでは、テキスト値Item 1を持つ ASP.NET ラベルがあります。Item 1Alabelspanタグとしてレンダリングされます。Literalコントロールは HTML マークアップをレンダリングしないため、代わりにコントロールを使用する必要があります。

次のように変更してみてください:

<asp:LinkButton ID="LinkButtonManual" runat="server" PostBackUrl="~/Category.aspx?ccat_id=152&amp;language=en-GB&amp;publication=3">
  <asp:Image id="imgLinkManual" runat="server" Width="12" Height="7" ImageUrl="~/visual/arrow-navi-right.gif" /><asp:Literal ID="LtlManual" runat="server" Text="Item 1" />
</asp:LinkButton>
于 2012-06-11T12:10:37.040 に答える
0

ASP コントロールで使用する場合は、通常の HTMLタグでImageAlign="Left"使用するのと同じです。そのタグの動作は次の場所にあります。align="left"<img>

http://www.htmlcodetutorial.com/images/_IMG_ALIGN.html

<img>サーバー側のやり取りが必要ない場合は html タグを使用したほうがよいと思いますが、削除ImageAlign="left"して同じ結果を得ることもできます。

于 2012-06-11T12:17:30.133 に答える
0

実際、これはうまくいきました。段落レベルでテキスト整列のスタイル属性を追加します。 style="text-align:left"内部

ブロック

<p class="menuitem" id="menu01" style="text-align:left">

<asp:LinkButton ID="LinkButtonManual" runat="server" PostBackUrl="~/Category.aspx?ccat_id=152&amp;language=en-GB&amp;publication=3">
<img Width="12" Height="7" alt="" src="visual/arrow-navi-right.gif.gif">
<asp:Label ID="LblManual" runat="server" Text="Item 1"/>
</asp:LinkButton>

</p>

それで、私がこのアプローチに従った場合、コーディングのパフォーマンス/スタイルに関して何か問題を見つけますか?

于 2012-06-11T12:33:07.460 に答える