Solved

Why am I getting this gap?

Posted on 2014-04-06
5
289 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

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

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

Styling your websites can become very complex. Here I'll show how SASS can help you better organize, maintain and reuse your CSS code.
This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
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…
In this tutorial viewers will learn how to style rounded corners for elements in CSS using the border-radius property Begin with a normal styled element such as a div: To style all four corners of the div to be the same degree of roundness, use the …

864 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

22 Experts available now in Live!

Get 1:1 Help Now