[Pro] Rollover appearing above html text...

I have a page that is 320px in width and 7000px in length (it’s a scollable site for cellphones).
The whole page is a combination of graphic boxes with pictures and html boxes with text.

When I get towards the bottom of the page I have positioned a graphical rollover, actually 2 of them, just below the last html box, again full of text.

When I preview the page the rollover graphic is appearing inside the html box(the lower part) and above the text.

If I take the rollover and move it further down the page it keeps it’s position when I preview it but as soon as I move the rollover graphic near the bottom of the html box the rollover graphic is positioned inside the html box on top of the text when viewed with my browser or within Freeway Pro’s preview mode.

I can’t figure why the rollover graphic moves to another location when looking at it with a browser or preview mode even though it’s positioned differently in Freeway Pro.

Very frustrating.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Could you quick explain the concept of:

Rollover (hover) and cell (touch) and how do you expect the users this to handle? This could end up in frustration. Just my 2 cents.

Maybe a link to an example could be of advantage, too.

Cheers

Thomas


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

rollover = when mouse rolls over graphic it becomes hi-lited and when it’s
clicked it goes to another page. It’s basically a graphic that’s a link.

When I position this graphic under my HTML box it is repositioned inside
the HTML box on top of the text when viewed with a browser.

On Sat, Apr 5, 2014 at 9:57 AM, Thomas Kimmich email@hidden wrote:

Could you quick explain the concept of:

Rollover (hover) and cell (touch) and how do you expect the users this to
handle? This could end up in frustration. Just my 2 cents.

Maybe a link to an example could be of advantage, too.

Cheers

Thomas


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

(it’s a scollable site for cellphones)

The point that Thomas is making is that if the site is for cell phones why are you using a feature that is not supported on them.

David


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

It works fine when I test it out on various cell phones. If a person taps a designated graphic with finger it hi-lites and transitions to the next page or external link.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

The primary problem is the graphic or rollover being repositioned inside of the html box when viewed with a browser.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Okay guys my problem was solved with the following answer provided by the amazing Mr. Walter Lee Davis:

You can solve this issue by using an inline image instead of positioning the image above (outside) the text box. Place your flashing text cursor where you want the image to appear relative to the text, and choose Insert / Graphic Item from the main menu. Import your image into that box as normal. To get a rollover to happen on that image, create your second (rollover) form of the image as a stand-alone image file, then choose your inline image, add the Rollover Action to it, and select your rollover image from the image picker in the Parameters tab of the Action. Now you have an unbreakable image/tex combination.

I suspect that the problem is arising because MobileSafari enlarges text to aid reading on the iPhone. There is a CSS attribute you can add to your page to stop this, but it’s there for a reason – to make it easier to read at ridiculously small sizes – so you really shouldn’t do that. Inline design will always look its best, no matter what device is viewing the page.

Thanks again Mr. Davis.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options