[英]Magento : One Page Checkout Alignment Issue (Payment Method)
Im sure this is as obvious as the day and the night, but for the life of my I cannot see in the code why the PayPal and Purchase Order button and text do not line up on the same line. 我确定这与白天和黑夜一样明显,但是在我的一生中,我无法在代码中看到为什么PayPal和Purchase Order按钮和文本不在同一行上。
Any help would be great 任何帮助都会很棒
https://www.acuity-sports.com/onepagecheckout/ https://www.acuity-sports.com/onepagecheckout/
You should, in your CSS, add display: inline;
您应该在CSS中添加
display: inline;
to the label for sp-methods -- something like this: 到sp-method的标签-像这样:
.sp-methods label {
display: inline;
}
That will make the display of the label to be inline with the radio button. 这将使标签的显示是内嵌在单选按钮。
This is very simple 这很简单
<dl>
<dt>Coffee</dt>
<dd>Black hot drink</dd>
<dt>Milk</dt>
<dd>White cold drink</dd>
</dl>
you see the html HTML <dl> Tag
is automatically rendered in your browser on a different line see example here http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_dd_test 您会看到html
HTML <dl> Tag
在浏览器中自动显示在另一行上,请参见此处的示例http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_dd_test
if you want to have it float you have to add css style that overwrites your dt, dd
to 'float:left' 如果要使其浮动,则必须添加CSS样式以覆盖
dt, dd
到'float:left'
here is an example on fiddle http://jsfiddle.net/9Q7T9/ 这是小提琴上的一个例子http://jsfiddle.net/9Q7T9/
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.