marquee problem

[Mohammed Zayan]

I use this code to make marquee

<marquee direction="right" onmouseover="this.stop()" onmouseout="this.start()" scrolldelay="5" scrollamount="1" style="margin-bottom:10px;">
                    <?php foreach($new_book as $item): ?>
                    <a href="<?=base_url()?>site/BookDetails/<?=$item->id?>" style="color:Black;"><?=$item->name?> (<?=$this->lang->line('auther')?> <?=$item->auther?>)</a>&nbsp;&nbsp; --- &nbsp;&nbsp;
                    <?php endforeach; ?>
                </marquee>

where $new_book contain 10 results but only 5 results views in the marquee!

How can I show all 10 results?

[AndyGrant2005]

Hi there,

It seems the PHP array only has 5 items if that is what is displaying?

What does the actual HTML output of the page look like? Go to the web page and right click and view source.

Is it displaying more than 5 items in the rendered HTML? if so its the javascript, if not, its the PHP array.

Post up the HTML and I'll take a look for you.

The second thing it might be that I have come accross in the past is the articles in the marquee are wrapping round onto a second line that isn't shown, so you end up with 5 articles on the first line, and 5 on the second, just you cannot see the second line at all as the overflow is generally hidden.


Many thanks

Andy Grant
www.oodeveloper.com

[Mohammed Zayan]

this is the html output

<p>
                <marquee direction="right" onmouseover="this.stop()" onmouseout="this.start()" scrolldelay="5" scrollamount="1" style="margin-bottom:10px;">
                                        <a href="http://localhost/book_lab/site/BookDetails/70" style="color:Black;">رهبان الليل (الكاتب سيد حسين العفانى)</a>&nbsp;&nbsp; --- &nbsp;&nbsp;
                                        <a href="http://localhost/book_lab/site/BookDetails/69" style="color:Black;">جامع العلوم والحكم (الكاتب ابن رجب الحنبلى)</a>&nbsp;&nbsp; --- &nbsp;&nbsp;
                                        <a href="http://localhost/book_lab/site/BookDetails/68" style="color:Black;">تيسير مصطلح الحديث (الكاتب د.محمود الطحان)</a>&nbsp;&nbsp; --- &nbsp;&nbsp;
                                        <a href="http://localhost/book_lab/site/BookDetails/60" style="color:Black;">الواضح فى أصول الفقه (الكاتب الأشقر)</a>&nbsp;&nbsp; --- &nbsp;&nbsp;
                                        <a href="http://localhost/book_lab/site/BookDetails/59" style="color:Black;">العلو للعلى الغفار (الكاتب الذهبى)</a>&nbsp;&nbsp; --- &nbsp;&nbsp;
                                        <a href="http://localhost/book_lab/site/BookDetails/58" style="color:Black;">الكافى (الكاتب ابن قدامة)</a>&nbsp;&nbsp; --- &nbsp;&nbsp;
                                        <a href="http://localhost/book_lab/site/BookDetails/57" style="color:Black;">هذا الحبيب يا محب (الكاتب أبو بكر الجزائرى)</a>&nbsp;&nbsp; --- &nbsp;&nbsp;
                                        <a href="http://localhost/book_lab/site/BookDetails/56" style="color:Black;">طريق الهجرتين (الكاتب ابن القيم)</a>&nbsp;&nbsp; --- &nbsp;&nbsp;
                                        <a href="http://localhost/book_lab/site/BookDetails/55" style="color:Black;">شرح علل الحديث (الكاتب مصطفى العدوى)</a>&nbsp;&nbsp; --- &nbsp;&nbsp;
                                        <a href="http://localhost/book_lab/site/BookDetails/54" style="color:Black;">فتح المجيد شرح كتاب التوحيد (الكاتب عبد الرحمن بن حسن آل الشيخ)</a>&nbsp;&nbsp; --- &nbsp;&nbsp;
                                    </marquee>
                </p>

[AndyGrant2005]

Hi Mohammed,

I think it must be a CSS bug. do you have something like firebug installed ( in firefox ) his allows you to see the css positions of each of the items.

Hopefully that will help

Andy Grant
www.oodeveoper.com

[Mohammed Zayan]

thank you