Marquee with Safari

All WYSIWYG Web Builder support issues that are not covered in the forums below.
Forum rules
PLEASE READ THE FORUM RULES BEFORE YOU POST:
viewtopic.php?f=12&t=1901

MUST READ:
http://www.wysiwygwebbuilder.com/getting_started.html
WYSIWYG Web Builder FAQ
kenderuiter
 
 
Posts: 40
Joined: Thu Jul 08, 2010 7:01 pm

Marquee with Safari

Post by kenderuiter » Mon Mar 30, 2020 12:38 pm

Hi,

I am using WWB 14 (because until now it fits my needs)

On one of my websites (www.mitzy.nl) today I added a Marquee
It works just fine on Google Chrome, Microsoft Edge, Internet Explorer and Opera (on pc's and mobile devices)
It also works on Firefox although the scrolling speed there is much higher than in all other browsers

On Safari however, (when - like on mobile phones - the 320 responsive definition is used) the Marquee stops scrolling after only having shown a small part of all text

Any suggestions as to what I am doing wrong?

Kind regards,
Ken

User avatar
Pablo
 
Posts: 20894
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: Marquee with Safari

Post by Pablo » Mon Mar 30, 2020 12:54 pm

As mentioned in the help, the Marquee is an obsolete/deprecated HTML element and it may not work in all browsers.
In WWB15, the Marquee supports standard CSS animations which should work in all modern browsers.

kenderuiter
 
 
Posts: 40
Joined: Thu Jul 08, 2010 7:01 pm

Re: Marquee with Safari

Post by kenderuiter » Mon Mar 30, 2020 1:56 pm

Thank you for your reply Pablo!
In the mean time I decedid to purchase the WWB15 version!

Could you please explain how I can define a Marquee in WWB15 that works in Safari
(because I rebuilt my site and checked Safari but right now it still does not work properly)

User avatar
Pablo
 
Posts: 20894
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: Marquee with Safari

Post by Pablo » Mon Mar 30, 2020 2:03 pm

In the Marquee properties, set the 'Type' property to 'CSS'

kenderuiter
 
 
Posts: 40
Joined: Thu Jul 08, 2010 7:01 pm

Re: Marquee with Safari

Post by kenderuiter » Mon Mar 30, 2020 2:45 pm

I changed this but now it shows an even smaller part of text (it shows as much text as WWB shows in the development screen (although there is a lot more text behind it)

What am I doing wrong?

User avatar
Pablo
 
Posts: 20894
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: Marquee with Safari

Post by Pablo » Mon Mar 30, 2020 3:13 pm

To be able to help you, I need to see what you have done.
Do you have a demo project?

Related FAQ:
http://www.wysiwygwebbuilder.com/forum/ ... 10&t=82134

kenderuiter
 
 
Posts: 40
Joined: Thu Jul 08, 2010 7:01 pm

Re: Marquee with Safari

Post by kenderuiter » Mon Mar 30, 2020 3:34 pm

I understand

When you go to www.mitzy.nl/testmarquee you can see a 'demo of the marquee that is only showing a part of all text'
When you look at this site on a mobile device, you can see that it only shows "We hebben de volgende". The marquee contains a lot more text though (which you can see when you look at it from a pc).

I have stored the project as www.mitzy.nl/testmarquee/Marqee_testproject.wbs (the folder with the same name is empty because i added no pictures) so I think you should be able to download it

User avatar
BaconFries
 
 
Posts: 4828
Joined: Thu Aug 16, 2007 7:32 pm

Re: Marquee with Safari

Post by BaconFries » Mon Mar 30, 2020 4:03 pm

Looking at the source of the HTML in the page properties you have selected "Emulate IE8", this now is now a old browser and not commonly used anymore I recommend to set this to 'none' instead.

This is what I see using a mobile phone Android 10.

Image

kenderuiter
 
 
Posts: 40
Joined: Thu Jul 08, 2010 7:01 pm

Re: Marquee with Safari

Post by kenderuiter » Mon Mar 30, 2020 5:09 pm

Thank you for assisting me BaconFries, but your suggestion does not solve my problem...

First of all:
When i look at the page from a mobile phone (for example a Samsung S8) the 320 responsive page is shown instead of the view you presented in your answer. If you go to http://responsivetesttool.com and choose a Samsung S8 there, you can see what the page looks like and you can also see that the text in the Marquee is only shown for a small part.

My question is if we could try it the other way around?
Could you or Pablo create a mini demo-project in which a Marquee with the following text is shown completely ? (if possible with a default page and a 320px breakpoint):
Wij hanteren de volgende voorzorgsmaatregelen tegen het Coronavirus: 1) Houd minimaal 1½ meter afstand 2) Bij voorkeur geen mensen in de salon 3) Draag uw huisdier buiten de salon over 4) Betaal bij voorkeur contactloos 5) Toch contant betalen? Vermijd handcontact 6) Corona verschijnselen? Verzet de afspraak!


If that were possible I could check which part of my project definition is incorrect

User avatar
Pablo
 
Posts: 20894
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: Marquee with Safari

Post by Pablo » Mon Mar 30, 2020 5:23 pm

The problem is that the text is divided over multiple rows. But the height of the marquee is only one row, so the rest is invisible.
To prevent the text from wrapping to the next line you can add this code between the head tags of the Page HTML:

Code: Select all

<style>
#Marquee_Corona
{
    white-space: nowrap;
}
</style>

kenderuiter
 
 
Posts: 40
Joined: Thu Jul 08, 2010 7:01 pm

Re: Marquee with Safari

Post by kenderuiter » Mon Mar 30, 2020 5:36 pm

Hi Pablo,

I added your html code in the "Between Head tag" (2nd tab in the page html screen)
But I still see no difference

User avatar
Pablo
 
Posts: 20894
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: Marquee with Safari

Post by Pablo » Mon Mar 30, 2020 5:48 pm

I do not see the code.
Did you republish the page?
http://www.mitzy.nl/testmarquee/

kenderuiter
 
 
Posts: 40
Joined: Thu Jul 08, 2010 7:01 pm

Re: Marquee with Safari

Post by kenderuiter » Mon Mar 30, 2020 5:53 pm

I republished it now

User avatar
Pablo
 
Posts: 20894
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: Marquee with Safari

Post by Pablo » Mon Mar 30, 2020 6:12 pm

You can also try this:
<style>
#Marquee_Corona
{
white-space: nowrap;
width: 2000px !important;
}
</style
>

where 2000 is the total length of the text.

Note that the problem is caused by the fact that the text wraps. It was designed to work that way to support multiple lines.

kenderuiter
 
 
Posts: 40
Joined: Thu Jul 08, 2010 7:01 pm

Re: Marquee with Safari

Post by kenderuiter » Mon Mar 30, 2020 7:51 pm

Tecnhically this works (thanks!) but...now the the text is scrolling so fast that you cannot read it!
Do you also have a solution for this high speed? (i.e. to make it slower)

The Marquee window has the following values:

Left 10
scroll
5000 linear

Responsive fonts NOT ticked

default
CSS

Post Reply