1

Ajax Control Toolkitのトグル ボタンを使用しています。

私のページでは、次のレイアウトが必要です（すべて1行で）：

トグルボタン | テキスト ボックス | ボタン | ボタン | トグルボタン

問題

現時点では、私はこのレイアウトを持っています：

トグルボタン | テキスト ボックス | ボタン | ボタン |

トグルボタン

トグルボタンのコード

<asp:CheckBox ID="CheckBoxToggleTips" runat="server" AutoPostBack="true" 
    OnCheckedChanged="CheckBoxToggleTips_CheckedChanged" />

<ajaxToolkit:ToggleButtonExtender ID="ToggleTips" runat="server"
    TargetControlID="CheckBoxToggleTips"
    ImageWidth="32"
    ImageHeight="32"
    CheckedImageAlternateText="Hide Tips"
    UncheckedImageAlternateText="Show Tips"
    UncheckedImageUrl="~/Images/lightbulboff.png"
    CheckedImageUrl="~/Images/lightbulbon.png" />

HTML 期待値

<div class="title">
    <span id="mainContentPlaceHolder_LabelDepartment">A&amp;H</span>&nbsp;Risks<br>
    <div style="position: relative;">
        <a id="mainContentPlaceHolder_CheckBoxToggleTips_ToggleButton" href="" style="position: absolute;
            left: 0px; top: 0px; width: 32px; height: 32px; font-size: 32px;
            background-image:url(http://localhost:10833/Images/lightbulboff.png);
            background-repeat: no-repeat no-repeat;" title="Show Tips">
        </a>
    </div>
</div>

上記のスタイル属性は自動生成されます。私の質問は、これの代わりに独自のスタイルを使用するにはどうすればよいですか? leftまたは、とのtop値を編集するにはどうすればよいですか?

ありがとう

4

3 に答える 3

0

最初の CSS と同じ CSS を持つ場合、2 番目の ToggleButton を 2 行目に配置する必要はありません。CssClass 属性を使用し、最初の ToggleButton と同じクラスを使用することをお勧めします。幅が不足している可能性が高いため、すべてを外側の DIV に含め、幅を適切に設定します。お役に立てれば。

于 2013-05-07T01:36:51.293 に答える
0

ページ レイアウトに問題があるようです: 終了タグがないことを確認してください</div> これがお役に立てば幸いです。

よろしく、アレックス

于 2013-05-07T03:56:28.740 に答える