如何将按钮放在菜单栏和按钮的左侧标签
问题描述:
我有一个菜单栏,这是我的web应用程序的标题,我已经采取了一个标签来绑定登录的用户名和一个按钮退出问题是我的标签和按钮应该在菜单栏中,只是他们在菜单中,但按钮注销可以清楚地看到,它是从菜单分离我需要将按钮放置在右侧和标签在按钮的左侧。我可以如何做到这一点。如何将按钮放在菜单栏和按钮的左侧标签
下面是我的CSS代码
/*---Reset----*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,textarea,p,block
{
padding: 0;
margin: 0;
}
/*body*/
body {
background-color:rgb(237,237,237);
font-family:"Arial",Helvetica,sans-serif;
font-size: 12px;
}
/*Page*/
.wrapper {
width:1430px;
margin:auto;
}
/*Home Page*/
.content {
width:100%;
background-color:rgb(254,254,254);
border:1px solid rgb(224,224,224);
border-radius:5px 5px 5px 5px;
float:left;
margin-top:8px;
margin-bottom:8px;
min-height:600px;
}
/*Menu*/
.menu {
background-color: rgb(10,110,178);
width: 100%;
margin: 0px 0px 10px;
padding: 0px;
height: 40px;
color: rgb(243,243,243);
border-radius: 5px 0 0 5px;
}
.navigation_first_item {
border-left: 0px;
border-radius: 5px 0 0 5px;
}
.navitem_s {
float: left;
border-right: 1px solid rgb(10,85,125);
border-left: 1px solid rgb(67,153,200);
height: 40px;
background-color: rgb(14,79,114);
}
.menu ul {
}
.menu ul li {
float:left;
display:block;
list-style:none;
border-right:1px solid rgb(10,85,125);
border-left:1px solid rgb(67,153,200);
}
.menu ul li.navigation_first_item:hover {
border-radius:5px 0px 0px 5px;
}
.menu ul li a {
font-size:13px;
font-weight:bold;
line-height:40px;
padding:8px 20px;
color:rgb(255,255,255);
text-decoration:none;
}
.menu ul li:hover {
background-color: rgb(14,79,114);
border-right: 1px solid rgb(14,89,130);
}
.clear {
clear: both;
}
/*Footer*/
.footer {
height: 50px;
background-color: rgb(10,110,178);
color: rgb(255,255,255);
border-radius: 5px 5px 5px 5px;
}
.footer h2 {
padding: 15px;
text-align: center;
}
答
对CSS代码,你可以做
*
{
padding: 0;
margin: 0;
}
,而不是
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,textarea,p,block
{
padding: 0;
margin: 0;
}
而且,好像你是问有关如何设置放置你的单选按钮。创建一个id或class(你似乎已经完成了)并使用css放置在标签之前。
我对你的问题和你在问什么有点困惑。
更新:
<div style="float: left;text-align:right; width: 45%;"> <asp:Button ID="Logout" runat="server" OnClick="Logout_Click" Text="Logout" Height="41px" Width="60px" style="font-weight:bold;background-color:rgb(10,110,178);float:right;color:white"/><li id="Logout" runat="server"><a href="logout.aspx" id="Rpf" runat="server">Logout</li> </div>
请注明我的答案是正确的。我完全按照您的要求做了,并且愿意在未来再次为您提供帮助。谢谢 – gmonz