UL列表是缩进第一个列表项

时间:2014-05-29 06:28:37

标签: html css magento magento-1.9

我正在开发一个Magento 1.9.x网站和产品说明我已经列入项目符号列表但是出于一些非常奇怪的原因,第一个项目符号是缩进一个,而不是列表的其余部分。

以下是我用于" LIST"中的第一个产品的代码。视图:

<p>The ERGL24054D-4000K upgrades your existing linear 2x4 fixtures in less than 10 minutes. Correlated color temperature (CCT) is 4000K. Deliver 5400 lumens of light and over 100 lumens per watt at the system level. MADE IN THE USA.</p>
<p><strong>Kit includes:</strong></p>
<ul>
<li>ERG Lighting dimmable LED driver</li>
<li>(2-4) LED light engine sticks</li>
<li>(8) Self-drilling screws</li>
<li>Wire nuts</li>
<li>Installation instructions</li>
<li>Opalescent film (optional)</li>
<li>Opalescent lens (optional)</li>
<li>Prismatic diffusers (optional)</li>
<li>Nea beam-shaping isotropic lens (optional)</li>
</ul>

您可以在此处查看最终结果:

http://www.erglighting.com/index.php/retrofit-kits.html?mode=list

请注意,列表中的所有产品都会发生这种情况。任何人都可以告诉你这会导致什么问题以及我能做些什么来解决这个问题呢?谢谢!

我找到了这篇文章,但不确定这是否可以解决问题,或者这是否适用于1.9:

http://www.magentocommerce.com/wiki/4_-_themes_and_template_customization/css/unordered_list_work_correctly

我也发现了这个问题,但似乎是1.4版本:

http://www.magentocommerce.com/boards/viewthread/45667/

1 个答案:

答案 0 :(得分:3)

第一个列表项位于其上方<p>附近。从<p>移除浮动,或在<li> ...

上清除浮动
.products-list .desc > p{
 float:left /* remove this */
}

.products-list li:first-child{
  padding-top:20px;
  clear:left; /* add this */
}