Magento:单页结帐对齐问题(付款方式)

时间:2014-04-17 20:40:14

标签: javascript html css magento checkout

我确信这与白天和黑夜一样明显,但对于我的生活,我在代码中看不到为什么PayPal和Purchase Order按钮和文本不在同一行上排列。

任何帮助都会很棒

https://www.acuity-sports.com/onepagecheckout/

2 个答案:

答案 0 :(得分:1)

您应该在CSS中将display: inline;添加到sp-methods的标签中 - 如下所示:

.sp-methods label {
    display: inline;
}

这将使用单选按钮使标签的显示 内嵌

enter image description here

答案 1 :(得分:0)

这很简单

<dl>
<dt>Coffee</dt>
<dd>Black hot drink</dd>
<dt>Milk</dt>
<dd>White cold drink</dd>
</dl>

您会看到html HTML <dl> Tag会在您的浏览器中自动呈现在另一条线上 请参阅此处示例http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_dd_test

如果你想让它漂浮,你必须添加css样式,覆盖你的dt, dd到&#39; float:left&#39;

这是一个关于小提琴http://jsfiddle.net/9Q7T9/

的例子