html - ul li リストが firefox に表示されない

Question

            <ul>

            <?php
            for ($i = 1; $i <= 60; $i++) {
            ?>


            <li style="display:inline; float:left;">

            <img src="<?php echo Mage::getBaseUrl(Mage_Core_Model_Store::URL_TYPE_MEDIA);?>wysiwyg\infortis\brands\img\<?php echo rand(1, 32);;?>.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px"/>

            </li>


            <?php } ?>

            </ul>

IE では、クロム http://www.mediafire.com/view/myfiles/#d8y0i5kb3nr31gb

Firefox で http://www.mediafire.com/view/myfiles/#nxvja4lfciwswsh

私が欲しいのはたくさんの画像です。リンクは後で追加します。シンプルなインラインスタイルを維持したい。firefox で動作しない理由がわかりません。画像が機能していると確信しています。

私を助けてください！

生成された HTML は次のとおりです。

            <ul>



            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\19.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>




            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\9.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>




            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\30.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>




            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\6.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>




            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\8.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>




            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\13.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>




            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\17.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>




            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\29.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>




            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\22.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>




            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\20.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>




            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\5.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>




            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\8.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>




            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\23.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>




            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\29.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>




            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\11.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>




            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\30.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>




            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\24.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>




            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\23.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>




            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\8.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>




            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\7.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>




            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\18.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>




            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\1.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>




            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\14.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>




            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\26.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>




            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\16.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>




            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\9.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>




            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\32.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>




            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\29.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>




            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\15.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>




            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\16.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>




            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\17.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>




            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\7.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>




            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\24.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>




            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\4.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>




            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\5.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>




            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\32.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>




            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\6.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>




            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\3.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>




            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\13.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>




            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\30.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>




            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\6.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>




            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\30.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>




            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\14.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>




            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\9.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>




            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\17.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>




            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\19.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>




            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\26.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>




            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\23.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>




            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\19.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>




            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\16.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>




            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\21.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>




            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\15.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>




            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\6.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>




            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\21.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>




            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\16.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>




            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\9.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>




            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\22.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>




            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\18.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>




            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\16.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>




            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\12.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>



            </ul>

            </div>

html - ul li リストが firefox に表示されない

0 に答える 0

Related

Reference