我远不是程序员。我正在使用zencart和模板建立在线商店。
好的,当我从标题中删除语言和货币框时,我注意到其他一些信息如何移动到中心位置,例如搜索框。下面是代码的一部分,我想要做的是将搜索框设置在页面的右侧,我不知道如何更改,从代码中添加/删除的内容。
#header-right {
width: 500px;
float: right;
margin-top: 30px;
}
#header-promo {
color: #d4d2d1;
font-size: 1.65em;
line-height: 25px;
text-align: center;
float: right;
margin-top: -80px;
display: none;
}
.promo-big {
color: #80ae18;
font-size: 150%;
}
.promo-green {
color: #80ae18;
}
#navMainSearch {
float: right;
position: relative;
top: 30px;
right: 10px;
z-index: 15000;
}
#navMainSearch input[type=image] {
vertical-align: middle;
margin-left: -9px;
margin-top: -1px;
position: relative;
z-index: 15001;
}
.search-header-box {
border: 2px solid #000000;
width: 300px;
height: 18px;
padding-left: 10px;
-moz-border-radius: 5px;
opacity: 0.6;
/*filter:alpha(opacity=60);*/;
}
.home-icon, .login-icon, .cart-icon, .checkout-icon, .logoff-icon, .account-icon {
vertical-align: middle;
margin-right: 5px;
}
.h-sm {
height: 15px;
width: 15px;
margin-right: 10px;
margin-bottom: 5px;
vertical-align: middle;
}
最佳答案
在没有看到HTML的情况下,我会猜测一下,您的标头没有设置明确的宽度。删除了一些子元素后,它折叠起来包含了子元素(包括500px .header-right块)。搜索框浮动在此500px框内的右侧,大约会出现在页面中央。
要解决此问题,请为标头容器设置固定宽度。
或者更好的是,给我一个指向您网站的链接或我可以使用的jsfiddle :)
关于css - 将搜索框移到右侧,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/20133261/