Solved

Why am I getting this gap?

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

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 109

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

Master Your Team's Linux and Cloud Stack

Come see why top tech companies like Mailchimp and Media Temple use Linux Academy to build their employee training programs.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
What does GoogleTagMgr javascripts below do 5 36
Do alert on select 6 15
On Load function does not trigger on iPhone 4 37
href return to normal window 5 13
Browsers only know CSS so your awesome SASS code needs to be translated into normal CSS. Here I'll try to explain what you should aim for in order to take full advantage of SASS.
These days socially coordinated efforts have turned into a critical requirement for enterprises.
In this tutorial viewers will learn how to customize the background color and font color of highlighted text using the ::selection element in CSS Begin by defining the selected text as an element in CSS by typing "::selection": Style the ::selection…
The viewer will learn the basics of jQuery including how to code hide show and toggles. 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…

830 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