0

我在使用 OpenCart 尝试的这个新主题时遇到了问题。我已经尽力在 Firefox 中使用 Firebug 来诊断问题,但我无法确定这里的罪魁祸首。

问题可以在这里看到:

http://bit.ly/13KG6dz

(使用 bit.ly 是因为不允许使用 IP 地址 - 不用担心它不是病毒)

基本上在 OpenCart 中,您可以将“选项”添加到您的产品中。OpenCart 附带了一些示例虚拟产品。其中一款产品有 9 种不同的选项,所有选项都显示良好。但是当我在 OpenCart 中定义一个新的 Option 并将其添加到这个 Product 中时,会出现对齐问题,如下图所示:

图例:

1) 初始状态:

仅默认选项。一切都很好,没有对齐问题。

在此处输入图像描述

2)添加新选项后:

现在我定义了一个新选项并将其添加到这个产品中,并且对齐问题是可见的:

在此处输入图像描述

请注意,仅当我向现有示例产品添加新选项时才会发生这种情况。但是,这也仅发生在此 OpenCart 安装中使用的特定主题上。

如果有人能查明真相,我将不胜感激!

4

2 回答 2

0

是的,正如我猜的那样,这是浮动问题,在此处添加此行

 <input type="radio" id="option-value-20" value="20" name="option[228]">
 <label for="option-value-20">No</label>
 <br>
 </div>
 <div style="clear: both"></div>
           <!-- ^This will clear your floats, alternatively you can use
                  overflow: hidden; on container element -->

就在这<div id="option-228" class="option boss_radio">结束之后

于 2013-05-10T18:15:24.033 回答
0

您在 css 规则中定义了 float boss_radio。如果你删除这个类,你的元素就会很好地对齐!问题是,这条规则使元素浮动的宽度仅为 30% 左右,这将使其他元素保持在同一行。

于 2013-05-10T18:17:18.477 回答