Solved

Why am I getting this gap?

Posted on 2014-04-06
5
293 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
  • 2
5 Comments
 
LVL 110

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 35

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 110

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

[Webinar] Code, Load, and Grow

Managing multiple websites, servers, applications, and security on a daily basis? Join us for a webinar on May 25th to learn how to simplify administration and management of virtual hosts for IT admins, create a secure environment, and deploy code more effectively and frequently.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
3 proven steps to speed up Magento powered sites. The article focus is on optimizing time to first byte (TTFB), full page caching and configuring server for optimal performance.
In this tutorial viewers will learn how to style a decorative dropcap for the first letter in a paragraph using CSS. In CSS, create a new paragraph class by typing "p.fancy": Then, to style only the first letter of the first sentence, include the ps…
The viewer will learn how to look for a specific file type in a local or remote server directory using PHP.

710 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