logo's not compatible with browsers

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts
  • OZMADMAN
    Staff Sergeant

    • Aug 2007
    • 46

    logo's not compatible with browsers

    Hi

    I am still building my website and have just added a logo and Header text(using the logo option, cos you can do more with the format) to my header. I have chosen to have these without any background showing. I use internet explorer 7 and my template looks as I want itto . My friend who uses internet explorer 6 has a different picture ie the background of the logo boxes show as white and the fonts are different?? Does this mean that the logo option is not suitable for all browsers andwhat other quirks are there within bluevoda. Its a bit annoying to find that I have spent quite a bit of time designing my front page only to fond it does not seem to be compatible with all browsers.

    any ideas ?? www.didjnt.com

    Thanks
  • zuriatman
    Moderator

    • Sep 2006
    • 3025

    #2
    Re: logo's not compatible with browsers

    Hi Ozmadman,

    I have just been to your webpage and everything is fine.
    Very well done congratulations for being different.
    Thats the way to go. Norms are monotonus as there many millions around.

    Could be you friend has not installed all the necessary add-ons for his browser and the advance properties in IE properly. Ask him to check them out.
    www.siapamoyanganda.com/
    Malaysian Family Tree Website From the
    State of Johor.

    HAPPY ARE THOSE WHO DREAM DREAMS AND ARE READY TO PAY THE PRICE TO MAKE THEM COME TRUE.

    Comment

    • LadyEye
      General & Forum Moderator

      • Jun 2006
      • 10526

      #3
      Re: logo's not compatible with browsers

      You also need to be sure you are using web friendly fonts, if you friend does not have the same font installed on their computer as you, the font will revert to the computers default font and will show differently ...

      VodaHost

      Your Website People!
      1-302-283-3777 North America / International
      02036089024 / United Kingdom
      291916438 / Australia

      ------------------------

      Top 3 Best Sellers

      Web Hosting - Unlimited disk space & bandwidth.

      Reseller Hosting - Start your own web hosting business.

      Search Engine & Directory Submission - 300 directories + (Google,Yahoo,Bing)


      Comment

      • Watdaflip
        Major General

        • Sep 2005
        • 2116

        #4
        Re: logo's not compatible with browsers

        What file format is the image?

        Also if you are just overlaying text because of there are more options, take a print screen on the header and paste it into an image editing program. That way you have picture of the full header not just the background, and it will display on anyones computers regardless if they have the font or not installed

        Register/Login Script
        Do you use a Password Protected Directory? Need a way to allow users to make their own account, try my .htaccess Login Script

        Comment

        • OZMADMAN
          Staff Sergeant

          • Aug 2007
          • 46

          #5
          Re: logo's not compatible with browsers

          Hi All Thanks for your help, a friend of mine has written some code to deal with this problem as follows

          create a new directory within blue voda and call it JavaScript

          Paste this code into it;

          var arVersion = navigator.appVersion.split("MSIE")
          var version = parseFloat(arVersion[1])

          if ((version >= 5.5) && (document.body.filters))
          {
          for(var i=0; i<document.images.length; i++)
          {
          var img = document.images[i]
          var imgName = img.src.toUpperCase()
          if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
          {
          var imgID = (img.id) ? "id='" + img.id + "' " : ""
          var imgClass = (img.className) ? "class='" + img.className +
          "'
          " : ""
          var imgTitle = (img.title) ? "title='" + img.title + "' " :
          "title='" + img.alt + "' "
          var imgStyle = "display:inline-block;" + img.style.cssText
          if (img.align == "left") imgStyle = "float:left;" + imgStyle
          if (img.align == "right") imgStyle = "float:right;" + imgStyle
          if (img.parentElement.href) imgStyle = "cursor:hand;" +
          imgStyle
          var strNewHTML = "<span " + imgID + imgClass + imgTitle
          + " style=\"" + "width:" + img.width + "px; height:" +
          img.height + "px;" + imgStyle + ";"
          + "filter:progid:DXImageTransform.Microsoft.AlphaIma geLoader"
          + "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>"

          img.outerHTML = strNewHTML
          i = i-1
          }
          }
          }

          Save as txt file in your new Javascript folder and call it pngfix.js

          Then past this code into html on your page using the html input box

          <!--[if lt IE 7]>
          <script defer type="text/javascript"
          src="JavaScript/pngfix.js"></script>
          <![endif]-->

          and thats it!!

          Should now be able to view correct format in IE6

          Thanks
          Paul

          Comment

          Working...
          X