www.webdeveloper.com
Results 1 to 4 of 4

Thread: Issue in gaping the scroll images

  1. #1
    Join Date
    Apr 2013
    Posts
    9

    Post Issue in gaping the scroll images

    Hi all,
    We have issue in fixing the image width in between the scroll images . Our site http://kinaracorp.com/ejeevaweb/
    Well Im talking about the "FEATURED CLIENT" scrolling images at the bottom. Or is there any other way to smoother it ?

    Code Used :

    <h5>Featured clients</h5>
    <marquee behavior="scroll" direction="left" onmouseover="this.stop();" onmouseout="this.start();" scrollamount="8">
    <a href="#"><img src="http://kinaracorp.com/ejeevaweb/wp-content/uploads/2013/03/logo-e1364471764317.jpg" alt="Bel-aqua" title="Bel-aqua" width="212px" height="50px"/></a><a href="#"><img src="http://kinaracorp.com/ejeevaweb/wp-content/uploads/2013/03/logo-copy-e1364471789890.png" alt="Foliage Design Systems" title="Foliage Design Systems" width="134px" height="50px"/></a><a href="#"><img src="http://kinaracorp.com/ejeevaweb/wp-content/uploads/2013/03/logo-e1364471808306.png" alt="Sinop" title="Sinop" width="119px" height="50px"/></a><a href="#"><img src="http://kinaracorp.com/ejeevaweb/wp-content/uploads/2013/04/logo.png" alt="Habatatgalleries" title="Habatatgalleries" width="389px" height="50px"/></a><a href="#"><img src="http://kinaracorp.com/ejeevaweb/wp-content/uploads/2013/04/logo11.png" alt="ChefsMart" title="ChefsMart" width="274px" height="54px"/></a><a href="#"><img src="http://kinaracorp.com/ejeevaweb/wp-content/uploads/2013/04/logoalt.png" alt="Preval" title="Preval" width="198px" height="54px"/></a><a href="#"><img src="http://kinaracorp.com/ejeevaweb/wp-content/uploads/2013/03/veloshine.png" alt="Veloshine" title="Veloshine" width="160px" height="62px"/></a><a href="#"><img src="http://kinaracorp.com/ejeevaweb/wp-content/uploads/2013/03/daka_medical_logo-e1364472875993.jpg" alt="Daka Medical" title="Daka Medical" width="135px" height="50px"/></a><a href="#"><img src="http://kinaracorp.com/ejeevaweb/wp-content/uploads/2013/04/cpl_header.png" alt="Compass" title="Compass" width="198px" height="41px"/></a>
    </marquee>


    Though i adjusted the width but its not getting fixed. We need some 30px gap between all the images.

    Thanks in advance.

  2. #2
    Join Date
    Jan 2004
    Location
    chertsey, a small town s.w. of london, england.
    Posts
    1,460
    Hi there ssyedmujeeb89,

    add this to your CSS...
    Code:
    
    marquee img {
        margin:0 30px; /* adjust value to suit  */
     }
    I was going to mention that javascript should be used instead of the "marquee element"
    but I believe that you rejected that suggestion in a previous thread of yours.


    coothead

  3. #3
    Join Date
    Apr 2013
    Posts
    9
    Thank you so much for your reply coothead. happy to see my scroll Work fine.

  4. #4
    Join Date
    Jan 2004
    Location
    chertsey, a small town s.w. of london, england.
    Posts
    1,460

    No problem, you're very welcome.



    coothead

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles