Установить linkbutton слева направо в .net?
Вопрос
<tr>
<td align="right">
<div style="background-image: url(image/menustript.bmp); border-right: #ffffff 2px outset; border-top: #ffffff 2px outset; border-left: #ffffff 2px outset; border-bottom: #ffffff 2px outset;">
<asp:ImageButton ID="ibtn_home" runat="server" ImageUrl="~/image/homebutton.jpg" ImageAlign="Middle" OnClick="ibtn_home_Click" Height="21px"/>
<asp:ImageButton ID="ibtn_teacher" runat="server" ImageUrl="~/image/teacher.png" ImageAlign="Middle" width="90" OnClick="ibtn_teacher_Click"/>
<asp:ImageButton ID="ibtn_student" runat="server" ImageUrl="~/image/student.bmp" ImageAlign="Middle" OnClick="ibtn_student_Click" Height="21px"/>
<asp:ImageButton ID="ibtn_result" runat="server" ImageUrl="~/image/result.JPG" ImageAlign="Middle" OnClick="ibtn_result_Click" Height="21px"/>
<asp:ImageButton ID="ibtn_logoff" runat="server" ImageUrl="~/image/logout.bmp" ImageAlign="Middle" OnClick="ibtn_logoff_Click" height="21px"/>
</div>
</td>
</tr>
хотите установить, как показано ниже
home | teacher | student | result | logout
но, когда администратор входит в систему, все меню должно быть таким, как указано выше..
но когда студент или даже на домашней странице.меню должно быть таким, как показано ниже
home | student | result
и когда учитель войдет в систему, тогда меню должно быть таким, как показано ниже
home | student | result | logout
кто-нибудь может мне помочь..установить меню с помощью css или без css..но дайте мне что-нибудь из такого меню, как это.
Решение
Попробуй это:
<style type="text/css">
.menuRow
{
background-image: url(image/menustript.bmp);
border-right: #ffffff 2px outset;
border-top: #ffffff 2px outset;
border-left: #ffffff 2px outset;
border-bottom: #ffffff 2px outset;
}
.leftItem
{
float: left; display: block; padding-left: 5px; padding-right: 5px;
}
</style>
<table>
<tr class="menuRow">
<td align="left">
<asp:imagebutton id="ibtn_home" runat="server" imageurl="~/image/homebutton.jpg"
imagealign="Middle" onclick="ibtn_home_Click" height="21px" class="leftItem" />
<asp:imagebutton id="ibtn_teacher" runat="server" imageurl="~/image/teacher.png"
imagealign="Middle" width="90" onclick="ibtn_teacher_Click" class="leftItem"/>
<asp:imagebutton id="ibtn_student" runat="server" imageurl="~/image/student.bmp"
imagealign="Middle" onclick="ibtn_student_Click" height="21px" class="leftItem"/>
<asp:imagebutton id="ibtn_result" runat="server" imageurl="~/image/result.JPG" imagealign="Middle"
onclick="ibtn_result_Click" height="21px" class="leftItem"/>
</td>
<td align="right">
<asp:imagebutton id="ibtn_logoff" runat="server" imageurl="~/image/logout.bmp" imagealign="Middle"
onclick="ibtn_logoff_Click" height="21px" />
</td>
</tr>
</table>
Другие советы
На самом деле это не идеально, но вам нужно добавить к вашей кнопке изображения свойство CssClass.
Затем установите следующий стиль для определенного класса:
float: left; display: block; padding-left: 5px; padding-right: 5px;
Не связан с StackOverflow