Not signed in (Sign In)

SkillShare - A place to discuss Web Standards and Web Design topics

Categories

Vanilla 1.1.9 is a product of Lussumo. More Information: Documentation, Community Support.

    •  
      CommentAuthorSam
    • CommentTimeMar 17th 2006 edited
     permalink
    Hi,

    When trying to add a class to an image it works fine in FF but in IE the image won't show up unless I remove class="image" !

    Here's my css:

    img {
    border: none;
    }
    .image {
    float: left;
    margin: 0 0.75em 0 0;
    border: 1px solid #000;
    }

    And the html:

    <img src="http://website.com/imagepath/image.jpg" alt="image" class="image" />

    Any thoughts on that?!

    Thnaks.
    • CommentAuthoradmin
    • CommentTimeMar 17th 2006
     permalink
    Have you tried changing the name of the class? to something else.. class="myimage"...

    Maybe "image" is reserved in IE?
    •  
      CommentAuthorSam
    • CommentTimeMar 17th 2006 edited
     permalink
    Hi Alex
    I changed it to :

    .beauty {
    float: left;
    margin: 0 0.75em 0 0;
    border: 1px solid #000;
    }
    But still the same, it won't show in IE ONLY FF !

    Try this link in FF and then IE http://www.henawi.com/Portal/page-id-2.html

    Is there any other way to get the images to float to the left and and have a right margin?

    Thanks
    • CommentAuthoradmin
    • CommentTimeMar 17th 2006
     permalink
    position: relative;

    That fixed the problem... however still not sure what is causing it... look carefully and eventually you will find the problem.
    •  
      CommentAuthorSam
    • CommentTimeMar 17th 2006
     permalink
    Alex,
    This's driving me insane !
    Yes, adding position: relative did solve the IE problem of not showing the image, BUT on the main page where's the article entry is all images disappeared and I'm using the same class.

    So here http://www.henawi.com/Portal/page-id-2.html it shows up fine, but here

    http://www.henawi.com/Portal/index.html ?!
    •  
      CommentAuthoranblik
    • CommentTimeMar 17th 2006 edited
     permalink
    hello Sam, all problem goes to JavaScript. Perfect CSS, float is ok ! Remove JS which is inserted just after <title> tag which includes lots of sepcial characters into it. is it copy & paste js ? remember you have utf-8.
    •  
      CommentAuthorSam
    • CommentTimeMar 17th 2006 edited
     permalink
    Hi anblik,

    This JS:
    <script language="JavaScript">
    <!--

    function SymError()
    {
    return true;
    }

    window.onerror = SymError;

    var SymRealWinOpen = window.open;

    function SymWinOpen(url, name, attributes)
    {
    return (new Object());
    }

    window.open = SymWinOpen;

    //-->
    </script>

    I can't get rid off, could you please explain more?
    Do you mean this JS?
    <script type="text/javascript"language="javascript">function clearDefault(el){if(el.defaultValue==el.value)el.value=""}</script>

    OR this?
    <script type="text/javascript" src="http://henawi.com/global.js" language="javascript"></script>

    And yes it's cut & paste, also if not using utf-8 what should I use?!

    Right now I have the 2 style for the image:

    .beauty {
    position: relative;
    float: left;
    margin: 0 0.75em 0 0;
    padding: 0;
    border: 1px solid #000;
    }
    .beauty2 {
    float: left;
    margin: 0 0.75em 0 0;
    padding: 0;
    border: 1px solid #000;
    }

    Thanks
    •  
      CommentAuthoranblik
    • CommentTimeMar 17th 2006
     permalink
    now i can see missing image in IE. hope the cleanup works. best practise is to put js just before </head>. I was referring to js which is just after the <title> tag. There was lot of hidden special characters right into your web page due to this js.
    •  
      CommentAuthorSam
    • CommentTimeMar 17th 2006
     permalink
    Thank you, but what about utf-8? what's is that got to do with js?
    And BTW even after removing js after the title it won't work :(
    I'm still using 2 style to display the image ! one w/position: realtive and the other without it and this is driving me insane :), I don't mind it if this is the only work around, I just don't understand it.
Add your comments
    Username Password
  • Format comments as (Help)