Problem with Opera and IE7

More
12 years 11 months ago #1 by laurelle
Hi,

If you look at your source code, you will notice that the mootools.js file is being called after the cufon cufon-yui.js file. This needs to be done in the opposite order.

You may need to uninstall the cufon plugin and reinstall it to get the order that the JS files are being added to the head in.

Laurelle

Laurelle
Developer
Keashly.ca Consulting

Please Log in or Create an account to join the conversation.

More
12 years 11 months ago #2 by kblenman
Well.. didn't help any, but thanks again for looking in to it.

Please Log in or Create an account to join the conversation.

More
12 years 11 months ago #3 by laurelle
Hi,

You need to be using the strict doctype not transitional.

Try that.

Laurelle
Developer
Keashly.ca Consulting

Please Log in or Create an account to join the conversation.

More
12 years 11 months ago #4 by kblenman
Thanks a load for looking in to this!

Only thing is it's still not helping,

I don't know if perhaps the structure of my opening declarations may be out of wack:

<?php

// no direct access

defined( '_JEXEC' ) or die( 'Restricted access' );

// Enable mootools modal popups for on images
JHTML::_( 'behavior.modal' );
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="www.w3.org/1999/xhtml" xml:lang="language; ?>" lang="language; ?>" >
<head>
<jdoc:include type="head" />

Please Log in or Create an account to join the conversation.

More
12 years 11 months ago #5 by laurelle
Hello,

I don't see any AJAX framework being loaded before Cufon JS files. You need to load a AJAX framework such as Mootools or JQuery. Try adding:

// Enable mootools modal popups for on images
JHTML::_( 'behavior.modal' );

in the head part of your template index.php file before you load your css and JS files, right after the:

<?php
defined('_JEXEC') or die('Restricted access'); // no direct access

See if that solves your IE problems.

Cheers.

Laurelle
Developer
Keashly.ca Consulting

Please Log in or Create an account to join the conversation.

More
12 years 11 months ago - 12 years 11 months ago #6 by kblenman
On this topic, curiously enough, I am able to see the replacement text in IE7, however on any page with an addon component and I can't, meanwhile it displays just fine in firefox!! Here's an example using jaforms:

www.2hoffshore.com/en/index.php/contact-us

And here it's fine:

www.2hoffshore.com/en/index.php/careers

The issue again using a custom written component:

www.2hoffshore.com/en/index.php/careers/current-openings
Does anyone see potential conflict in the source why IE7 would be doing this?
Last edit: 12 years 11 months ago by kblenman. Reason: Links are wacky

Please Log in or Create an account to join the conversation.

More
12 years 11 months ago #7 by laurelle
Hello,

I really don't know what to tell you. I didn't have to do anything special to make my site work in Opera. The only thing that I can think of is to post on the Cufon site and see if they have any known issues with Opera or if they know why it wouldn't be working in Opera for you.

Laurelle
Developer
Keashly.ca Consulting

Please Log in or Create an account to join the conversation.

More
12 years 11 months ago - 12 years 11 months ago #8 by vidma
Replied by vidma on topic Re:Problem with Opera and IE7
Yes, the rest of browsers I have checked works as supposed. Even after update Opera to version 10.51 it has same spoblems - no Cufon.

Yes, when I say "system font" I mean the h1 font set in my CSS.

I attach the Cufon plugin parameter settings.

Really strange, as it only opera that causing the problem.
Attachments:
Last edit: 12 years 11 months ago by vidma.

Please Log in or Create an account to join the conversation.

More
13 years 1 week ago #9 by laurelle
Hi,

Glad you got the IE7 problem solved.

Just confirming that Cufon font is displaying correctly in other browsers? When you say the system default font is displayed, do you mean the font you have specified in your css as the default font for h1?

Under known issue for Cufon they have the following: Text selection: until we find a solution that works in Opera, this feature will not be added. We have solutions for other browsers.

Can you send a screencap of your Cufon plugin parameter settings and a link to your site? Then I can look at it. You need to look at the source code and make sure that you have the mootools or other AJAX framework being loaded before the Cufon js files and that the cufon css is being inserted into the head of the page. The only difference between having Loading set to Yes or no would be if:
.cufon-loading h1 {visibility: hidden !important}
is added to the head or not.

Laurelle
Developer
Keashly.ca Consulting

Please Log in or Create an account to join the conversation.

More
13 years 1 week ago - 13 years 1 week ago #10 by vidma
Replied by vidma on topic Re:Problem with Opera and IE7
Hi,

OK, for IE7 have solved giving the lower "z-index" and "position: relative" to parent div where allocated h1 element and cufon and higher "z-index" and "position: relative" to parent navigation div.

#text {
z-index: 2;
position: relative;
}
#main-menu,
#main-menu-es {
z-index: 1000;
position: relative;
}

But the Opera problem not soled yet.

I have used one of the default font Prociono_400.font.js and is same on Opera 10.10 - if "Display Font While Loading" is set to NO it doesn't show any font, if it set to YES it shows default system font, so, in my case it has difference to show fonts, but it not working in any case, just with YES you are able to show default system font.

Any ideas?

Thanks,
Vidma
Last edit: 13 years 1 week ago by vidma.

Please Log in or Create an account to join the conversation.

More
13 years 1 week ago #11 by laurelle
Hi,

The loading parameter has nothing to do with what font file is used. If loading is set to No then the .cufon-loading of the selector is added to the css, otherwise it is not added to the css of the page. I think you must have some other parameter not set correctly. Did you check if the default fonts supplied with the plugin showed in Opera before you changed plugin parameters? That would be the first step, get the default working, then make modifications. A JS conflict is possible. If you are loading JQuery make sure that it is using no-conflict mode.

What selector did you try changing the z-index for? You will probably need to change it on: h1 cufon cufontext or h1 cufon canvas. Use firebug to try adding the z-index to various selectors and see if you can get it to work.

Good luck.

Laurelle
Developer
Keashly.ca Consulting

Please Log in or Create an account to join the conversation.

More
13 years 1 week ago - 13 years 1 week ago #12 by vidma
Hello,

First of all - great plugin!!! Thanks!

But besides being great I got few issues.

1. Opera 10.10. If "Display Font While Loading" is set to NO it doesn't loads any fonts. If "Display Font While Loading" set to YES it loads default fonts (from temp[late css file). So, I didn't got it to work on opera 10.10. But visiting your site with same opera browser I see the plugin is working. Maybe there is some script conflict.

2. IE7. this is z-index issue. If I disable the plugin the h1 is behind the dropdown menu table, but when plugin is enabled then the h1 gets in front of it. Tryied various techniques to place h1 behind but without any luck.

Any ideas how to solve these issues?

The rest of browsers works perfectly!

Website where encountered the problem www.santaanacotopaxi.com

Thanks,
Vidma
Last edit: 13 years 1 week ago by vidma.

Please Log in or Create an account to join the conversation.

Joomla! & WordPress Hosts

Liquid Web is our recommended web hosting provider for Joomla! & WordPress websites. This is the host that we use for websites that we build. Liquid Web has an excellent reputation, fast servers and most importantly awesome service! They have technicians that are familiar with Joomla! & WordPress. Their technicians go above and beyond what other hosting providers do, in our opinion.

  

Liquid Web Managed Word Press  

Support Development

Please consider a small donation to support development of the extensions on this site.



Joomla! Login

This is the normal Joomla! login module not the VirtueMart login module. Click the 'Create an account' button to see how you are redirected to the VirtueMart registration form when the KC VM Registration Redirect plugin is enabled.

Joomla! & WordPress Web Design and Development

If you are interested in having a website designed or redesign or need custom Joomla! or WordPress development, please visit Keashly.ca Consulting to view our Portfolio of Joomla! & WordPress website work.

Trademarks and logos remain the property of their respective organizations.
The Joomla!® name is used under a limited license from Open Source Matters in the United States and other countries.
Keashly.ca Consulting is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Site Map Back to Top