Hi,

I have problems displaying PNGs & GIFs. The JPGs work properly:

Here's my css:

img {
  margin: 3px;
}
img.floatLeft { 
  float: left; 
  margin: 5px 20px 20px 5px;        /* 0 15px 15px 0; */
}
img.floatRight { 
  float: right; 
  margin: 5px 20px 20px 5px;        /* 0 15px 15px 0; */
}

This works:

 <img src="/sites/default/files/abc.jpg" class="floatRight" alt="file abc.jpg"title="This is the title attribute of abc.jpg"/>

This doesn't work:

 <img src="/sites/default/files/ced.gif" class="floatRight" alt="file ced.gif"title="This is the title attribute of ced.gif"/>

What am I doing wrong?

Thanks

Comments

RonB’s picture

You don't say what is happening, so I'm assuming that you're not seeing the GIF image at all. In that case I would double check the spelling of the name in the HTML and the files directory. Sometimes image editors save files in unexpected places, so I'd double check that the files directory does contain the GIF and PNG images.

That's all I can think of for no images. I hope that helps.

Codeblind’s picture

Is it supposed to be cde.gif? There's nothing different in how raster image formats behave in HTML layouts. It's probably a typo in the file name.