Solved

Why am I getting this gap?

Posted on 2014-04-06
5
287 Views
Last Modified: 2014-04-10
Head out to http://brucegust.com/partners/. Notice the scrolling marquee. If you watch it long enough, rather than there being a continuous line of text, you'll see a gap and then it will suddenly kick into gear again.

How do I get rid of that "gap?"
0
Comment
Question by:brucegust
  • 2
  • 2
5 Comments
 
LVL 108

Expert Comment

by:Ray Paseur
ID: 39981976
TL;DR.  Why is this a PHP issue?  Is there a concise (SSCCE) example we can see without having to sit and wait?
0
 
LVL 34

Assisted Solution

by:Dan Craciun
Dan Craciun earned 200 total points
ID: 39982092
Not a php issue, a JS issue.

Your text inside the marquee is too short. The scroll repeats after "Why partners for parks" reaches the left margin. At that point, the full text is in view, but it does not fill the page width.

Add another link there so the "iemarque" becomes at least 900px wide (it's 716px now) and the gap won't appear anymore.

HTH,
Dan
0
 
LVL 108

Assisted Solution

by:Ray Paseur
Ray Paseur earned 125 total points
ID: 39982691
You might want to consider a fading effect.  It will be less dependent on the length of the messages.  Just a thought...
http://www.experts-exchange.com/Programming/Languages/Scripting/JavaScript/Jquery/A_11357-Upgrading-the-Marquee-Tag-with-jQuery.html
0
 
LVL 25

Assisted Solution

by:Kyle Hamilton
Kyle Hamilton earned 175 total points
ID: 39985807
Most people will completely ignore the marquee, since it's kind of annoying to read text that is moving. It looks more like an advertisement than information, and it is a well known fact (read up Jacob Nielsen) that people automatically ignore content/real-estate that is advertising.  

You also don't have enough links to justify a marquee. All your links fit within the width of your page.

You would be much better off removing the scrolling effect altogether. Make some room between each link so they are more legible. People will be much more likely to notice/read the links and potentially click on them.
0
 
LVL 25

Accepted Solution

by:
Kyle Hamilton earned 175 total points
ID: 39985812
You are calling jquery twice in the head of your document. You need to remove one of those references, and ideally update to the latest version.
0

Featured Post

IT, Stop Being Called Into Every Meeting

Highfive is so simple that setting up every meeting room takes just minutes and every employee will be able to start or join a call from any room with ease. Never be called into a meeting just to get it started again. This is how video conferencing should work!

Join & Write a Comment

How to build a simple, quick and effective accordion menu using just 15 lines of jQuery and 2 css classes
SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
This tutorial will teach you the core code needed to finalize the addition of a watermark to your image. The viewer will use a small PHP class to learn and create a watermark.
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)

759 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

21 Experts available now in Live!

Get 1:1 Help Now