Knowledge Base support case for Likno Web Tootips Builder, abstracted and stripped of all user’s private info.


Initial Email From:
Jim
Initial Email Subject: Text spilling out of Tooltip
Support Case Month: August 2012

Top of the evening,
My name is Jim and I work for {COMPANY NAME REMOVED}. We are using Netobjects Fusion 12 and have selected the wtt example #4 "postit".
I have added the appropriate <br /> line breaks and reduced the font from 14px to 10px and they preview perfectly, even have room to spare! However once compiled and linked to the above referenced site I cant seem to keep the text from spilling out of the tool tip. I reviewed the knowledge base and noticed the !important line re; spacing padding etc and cant find any reference to remove in my html source. Additionally I am linking the tip form a single word in my text with a span tag.
I would greatly appreciate any assistance, Thank You in advance for your consideration.

Best,
Jim
Related URL: http://pestsdoneright.com

P.S. Further to the above referenced support inquiry; the tooltips seem to work well in the latest version of google chrome, somewhat on an android and like previously stated not in IE 9... Anxiously awaiting your reply !

Reply From: Likno Customer Support

Hello Jim,

I believe this has something to do with the CSS rules used in your website CSS (since the preview works fine in our application, which is not affected by any specific website CSS). Did you try removing any lines from your website's CSS to see which one may interfere?

Regards,
Kostas
Likno Customer Support
www.likno.com
Create any type of javascript menu (CSS menu, drop-down menu, sliding menu), button, html tree, modal window, tooltip, accordion, tab, scroller, jQuery slider or design for your websites!
Like us on Facebook – Follow us on Twitter

Reply From: Jim

Hello,

I appreciate the reply. I am linking the tip from a span tag, however the tips work reasonably well, in Chrome, Firefox and Safari. The aforementioned browsers do display the wrong font size and family but I can tolerate that.
What is unfortunate is the way they display in IE 9. And yes they do preview well in your application. I understand different browsers react differently as not all my actions work in Firefox or Chrome especially pages with multiple actions. But IE 9 is widely installed and my customer really desires the post it tips, plus I think they are cool too!!!

In the interim I have reduced the padding from 25px to 15px and it has made it a lot more palatable. However Internet Explorer 9 still displays the tooltips much more poorly than either Firefox or Chrome. And as stated IE 9 has a large install base. Till then, and thanks

Best,
Jim

Reply From: Likno Customer Support

Dear Jim,

First of all, most of the problems in IE occur because your page does not have a proper DOCTYPE. When a page does not have a proper DOCTYPE, IE9 automatically goes into IE5.5 compatibility mode and this can mess up several things regarding paddings in your page.

Please change the two first lines in your page:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

Into this:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

This will make IE work exactly the same as all other browsers.

Then there is the CSS issue that affects the font size. This is caused by your “style.css” and specifically from the following lines (45-48):

P {

                font-family: Arial,  Helvetica,  Geneva,  Sans-serif;

                font-size : 14px;

                color : rgb(51,51,51)}

This rule applies to ALL paragraphs including those of the tooltip. I strongly recommend removing this. Let me know if you still see any problems after fixing these two issues.

Regards,
Kostas
Likno Customer Support
www.likno.com
Create any type of javascript menu (CSS menu, drop-down menu, sliding menu), button, html tree, modal window, tooltip, accordion, tab, scroller, jQuery slider or design for your websites!
Like us on Facebook – Follow us on Twitter

Reply From: Jim

Dear Kostas,

Thank you ever so much for your reply! I am in the process of relocating, and to that end will not be able to make the recommended changes until mid next week. However your thoughtful reply makes sense and once I have a chair and desk in place they will be made! While they are not are works of art, pestsdoneright.com and weedsdoneright.com represent what {COMPANY NAME REMOVED}, LLC wanted and your products once successfully deployed will only make the above referenced sites more interactive and appealing to their target markets.

Please thank Aris for me as well. Likno Modal Windows are next, wish me luck!!!

Jim

Reply From: Likno Customer Support

Dear Jim,

Thank you for your good words. I have forwarded your compliments to Aris as well.

Let me know if you find any problems when you try this next week.

Regards,
Kostas
Likno Customer Support
www.likno.com
Create any type of javascript menu (CSS menu, drop-down menu, sliding menu), button, html tree, modal window, tooltip, accordion, tab, scroller, jQuery slider or design for your websites!
Like us on Facebook – Follow us on Twitter

 

Tags: , , , , , , , , , , , , , , , , ,