Images are stretched HTML5 output viewed in IE8. Workaround?

The images in my HTML5 output are being stretched vertically when viewed in Internet Explorer 8. I know there are HTML5 issues in general with IE, especially older versions, but is there a quick fix for this? I've attached an example below. The first image is supposed to be the search icon (magnifying glass) and the second is a little printer icon. Both are stretched vertically.

Hi,
I’ve not been paying much attention to the forums the last couple of days. Sorry for the late reaction.
The problem is that the image is stretched and IE8 incorrectly interprets this as that it has to stretch the image. If you are using IE9 in SharePoint (IE8 isn’t officially supported), you can press F12 and set the rendering mode to IE9 standards mode. This will make the output behave.
Greet,
Willam

Similar Messages

Photoshop images are grainy when I view/edit them

I have used Photoshop CS3 for a year now with my 15-megapixel DSLR camera and used to be able to edit photos in PS just fine. But about 2 months ago I upgraded to CS4 and since then, all my images are super grainy when viewing and editing them in PS. I know it has nothing to do with the way I'm saving the images as they show grainy in photoshop before I even do anything to them. And when uploading them online, they're still super grainy even though they weren't before back when I was using CS3
Anyone have any idea why?

Well, that's the thing. The camera settings are the exact same as they were when I was running CS3 when everything was fine. The only variable that changed was installing CS4. After I did that, even though the camera settings DID NOT change, the images all of a sudden became grainy
I thought it may be a hardware issue so I upgraded the video card to one that greatly exceeds the requirements, but still no joy. I also did the Ctrl+Alt+Shift method to clear settings in case there was a rougue setting somewhere that was causing it. Still no luck

Images are there - but project view is completey empty

Hi Folx,
I have the strangest thing going on in Aperture (OS/Aperture all newest versions):
i did some project exporting - and importing to get rid of a nasty bug in my library,
Now there are two things that bother me:
1st the new library is approx 80 GB smaller then the old one. It does seem to contain all images from the image count, i did check some images if i could open them, i did not "reference" any images or libraries or so, its a little bit strange. but, ok, maybe the old library had some deleted stuff in it which somehow didnt get deleted? possible.
2nd, which is even more strange: when i click on "fotos" in the library, i can scroll through all fotos, they are all there.
But when I click on two specific projects, the fotos are NOT there. there is nothing to see! nothing! the image count says they are there. if i skim over those projects on the project overview, the images appear to be inside this project. but if i select the project itself (or double click on the certain project in project overview) i will get an empty media field, no fotos in sight
and thats only with two projects - all others work. reminder: the fotos are there, they appear to be in this project. the image count shows it on the side of the project. i can select the photos, export them etc. they are just not there if i click the prjects they are in.
I did several time try to rebuild and repair library.
no effect.
i did update all preview pictures and miniatures
no effect
thanks!

Oh man,
thanks a lot - that simple filter setting in the upper right corner, i had just overlooked it since I allready had so much trouble with my library ;-)
Thanks a lot.
Only question remains: is it ok that the library has 280 instead of 330 GBs now that i exported all projects and imported them again? Can such a difference be?
Thanks!

Fill-In-The-Blank drop-down list in HTML5 output

I'm working in Captivate 7 (WIN) and developing for both SWF and HTML5 output, viewing courses in IE9 for Windows and Safari on iPad.
I have a quiz containing a fill-in-the-blank question, using a drop-down list to select the correct answer, however it does not display the drop-down button or function correctly in HTML5 output (see screenshot).
The issue began after updating to Captivate 7 version 7.0.1.237. The drop-down list worked prior to the update I installed recently. I'm viewing the published course locally and in the LMS, and it does not work in either.
I've not read in the help documents that drop-down list questions are an unsupported question type in HTML5, and so I'm wondering if this is a bug that needs to be reported. Has anyone encountered this issue?

Do you need scoring? There is a Scrolling Text interaction (more control, you can empty the variable and it will be displayed empty) but it is a non-interactive one, no score possible except by adding other interactive objects.
Custom Short Answer Question - Captivate blog

Video Issues with HTML5 Output

Hello there,
I have a project with several videos on seperate slides that are located inbetween normal content slides.
Works fine with SWF output and HTML5 output viewed on the pc, but...
when I test the course on an iPad the video plays quite fine the first time I watch it.
However when I jump back to the video the screen stays black for the duration of the video.
When there is audio in the video the audio plays but the screen stays black!
What I happening here?
Someone any ideas?
Thanks in advance
Ruwen

Hello there,
Have you inserted multi slide synchronized video or event video?
and which format of video have you inserted?
Please tell the complete version of Captivate 6 (help> about captivate) and which version of iOS is it?
You can also try improve the slide quality to optimized or 24 bit in the properties of the slide (for every slide).
Thanks.

IDVD slideshow images appear stretched or "fat" on TV screen

Images from my camera appear normal in iPhoto and in iDVD slideshows on my computer. But when I view them on my big screen TV, the images are stretched horizontally. People and things look "fat." Playing with the TV format settings doesn't seem to help.
Is there some setting, either in iPhoto or iDVD that I am unaware of that can correct this problem?

Playing with the TV format settings doesn't seem to help.
Is there some setting, either in iPhoto or iDVD that I am unaware of that can correct this problem?
Your DVD Player or TV set is set to stretch 4:3 content to fit you 16:9 screen.
You need to change that setting - DVD Player or TV set - to stop the stretching.

Images are blank in RH

Our FM source contains TIF images in anchored frames. RH
creates corresponding JPG files, but the files do not contain an
image (in RH or in PaintShop Pro, they show as large white
rectangles).
When installing the Tech Suite, I deselected various filters
in the FrameMaker 8 setup, but as far as I know I kept the ones I
needed. The TIF files are displayed correctly in FM 8. I have tried
re-installing FM 8 from the TechSuite setup.exe file, but there was
no option to re-select filters during the re-install.
When RH started FM, the FM Console said that parameters were
missing for various J formats (J2P etc.) I have updated the FM 8
maker.ini file with the corresponding lines from my FM7.2 maker.ini
file, and copied the dll from the 7.2 installation to the FM8
installation (all the lines referenced filters\jp2kfilter.dll). The
FM console no longer reports missing parameters, but the JPG files
in RH are still blank.
The FM 7.2 maker.ini [Filters] section has many more entries
than the FM 8 section, including:
107="TIFF" IMAG FrameVector TIFF BMPExport "TIFF"
fmexport.dll ^.tif.
I have not tried modifying this section in the FM 8 maker.ini
file, because the entries are numbered and there is already a 107=
in the FM 8 file (for an SVG filter).
I have tried specifying BMP instead of JPG in RH (Tools >
Options > Framemaker documents), but the BMPs are also blank.

By completely uninstalling and reinstalling TCS, I was able
to alter my filter selections. In the re-install, everything was
selected by default. This time I just left everything selected.
Then in RH I built a completely new project. Unfortunately,
the generated images are still blank when viewed in RH or PaintShop
Pro. I've tried specifying JPG and BMP, but the result is the same.

Images are missing in Project Manager

I’m replacing old images with new ones in RoboHelp HTML 10.
I’ve deleted the old pictures in Design view and pasted the new pictures in. (I know this is not the recommended way but with lake of time I found it to be the fastest way and we don’t feel the need to give the files described names at the moment.)
It has worked fine until now when I noticed that some images are not showing in Project Manager. I see the “folder” Images and I see a lot off images there but some are missing. The “missing” images are shown in Design view and in the browser after publishing. But in the report Unused files the “missing” images are listed as unused.
I have tried to
close and reopen the project,
generate and publish the project,
delete an “missing” image from Design view and insert it by using Insert / Image. After saving this image, and some other “missing” images, are shown in Project Manager. But not all “missing” images.
Does anyone know why this is, or more important how to get Project Manager to show all images that are used in the project (without having to go through all 154 images trying to figure out which are used but “missing”)?
Some more facts:
They are all gif-images.
They are all stored at the top-level in the project folder. (Are there a limit how many images there can be in the top-level folder? Should I create a separate folder and move the pictures there?)
HTML-code for one “missing” image:
<img src="image7.gif" alt="" style="border: none;"
border="0" />
Grateful for any input!

I would have said "Try renaming the folder containing the images in Rh's Project Manager. That sometimes fixes the problem. You can revert to the old name afterwards."
Keeping all the images, and / or topics, in the root is never a good idea. It can slow things down and it's messy.
You can move the images you can see but obviously you cannot move the others. Try moving a topic that has one of the images to a different folder and see if that refreshes. Also try deleting the CPD file and reopening Rh.
Backup first.
See www.grainge.org for RoboHelp and Authoring tips
@petergrainge

Anchored frames exported as images are solid white

Hello,
I have FrameMaker 8.0p277 on Windows XP (one machine SP2, one SP3), and am trying to use Mif2Go to create a CHM/HTML Help menu. The problem I'm having is that some of my anchored frames are being converted to .jpgs that are solid white. Not all of them, just some - mostly, those that are relatively large (they vary, but 300 x 400 pixels would be one of the larger ones).
Mif2Go is looking into the issue, but it's starting to look like I might be running into a memory limit within FrameMaker?
Is anyone familiar with this problem? Is there any way around it aside from not using FrameMaker's filters?
Thanks for your help.

By completely uninstalling and reinstalling TCS, I was able
to alter my filter selections. In the re-install, everything was
selected by default. This time I just left everything selected.
Then in RH I built a completely new project. Unfortunately,
the generated images are still blank when viewed in RH or PaintShop
Pro. I've tried specifying JPG and BMP, but the result is the same.

I am trying to create an responsive HTML5 output, but images are not showing up.

When I preview my output, the images are note showing up. It is simply the blank outline of the image with the little image icon in the top left corner.
As it is compiling I see the message "Warning: Image maps are not converted to relative size". Is there something in the setting that I need to change, or is that even the problem?

Can you check your output folder: are the images copied to your output? If they are missing, are the images listed in the Project Manager pod in RoboHelp?
The warning is unrelated. Since image maps work with pixel coordinates, you can't simply make them responsive. You are probably using an image map in your project. This is causing the warning. It is not a problem since the image map will still work. But if the image map is very large, it may give a bad experience on smaller screens. You may have to decide whether to change or remove the image map if you want to support mobile.

Images are not displayed in Cp7/SCORM/HTML5

Hello, everyone.
I am a Japanese Captivate7 user.
Captivate7 is a good authering tool for us.
I am belonging to some projects and using this tool.
In project-A, we are making a SCORM1.2/HTML5 content incuding 150 pages, many images, many advanced actions, 10 quizzes but not including videos, sounds. In this content, some of images are not dislpayed on the specified slide (Quiz No.6 or 7), refer to Fig.1.
Note : no images in green line
In this time, HTML data between server and client is funny, PNG images are recognized as txt/html in server side. Normally, I think an image is recognized as image/html in server side.
Refer to Fig.2
This is issued in only Safari (IOS7,6 and Safari5.1.7).
Please help me ASAP.

Dear Vikram,
Thank you for your reply.
>Are you working on Windows or MAC ?
Windows8
>Make sure you have CP 7.0.1 update installed.
CP 7.0.1.237
>Does this issue (Images not appering) occurs when you open the CP 7 published output ? (On your computer, not on SCORM 1.2) ?
Yes.
C:\Program Files\adobe\Adobe Captivate 7 x64\utils\opt\win\pgnquant.exe
”ファイル名または拡張子が長すぎます。”　-->　Translated by me : "File name or Extension is too long."
>As you mentioned iOS7, are you viewing your content on iPAD or on MAC computers ?
IOS7
Other information:
Our sever is based on CentOS : 2.6.32-431.1.2.0.1.el6.x86_64
Moodle 2.6+ is also installed.
Best Regards,

FM12 - "Black" images in HTML5 output

Hello
I'm using Framemaker 12, and I work with HTML5 output to publish online helps.
In my FM files, I use PNG images which are in anchored frames.
My problem is, after I did the HTML5 output, my images appear "black" as you can see below. Any idea about where this problem comes from would be greatly appreciated !
Thanks a lot.

Hi Arnis,
In fact the problem was in the transparency. My images are transparent .png files, and it looks like FM (still) does not know how to deal with transparency, and puts black where my images are transparent.

HTML5 Output to Web Browser view

The middle image displays a play button I have to press before previewing my HTML5 output page. Is this what my users have to do each time they view my page created in Captivate? or is this just the view in the Preview mode while I'm working on the project?
If this is set by default, how can I turn it off when I publish it to HTML?
Please advise.
Thank you!

Hi Susanne
Couple of workarounds and their pros and cons have been discussed this thread. Suggest you check it out.
http://forums.adobe.com/message/4599200#4599200
Sreekanth

Images are not showing in uitable view .

When running the app on simulator the images are comming well in table view , but no images are showing during in iPad Device and also showing no error .
I debuged the app ane the pointer is going to
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath , and the image is set to image view of tableviewcell , but still showing no image in iPad . but working fine in simulator .
Please help me .
Thanks

99 times out of 99, when images show on the sim but not on the device, it is due to the fact....that's right...fact...that the sim is your computer and file names when code-consumed ignore case.
iOS on the other hand, and this is important, so take notes....is case-sensitive.
MyImage0666.PNG in the Finder...your project folder....is not the same as myImage0666.png

CR Viewer tool bar images are missing; Export and Print are not working

Hi There
I used Crystal report 10.5(VS 2008 base crytal report -- CRRedist2008_x86.msi), i developed ASP.net application using VB.net program(i used .net 3.5). One of the pages in the application is having crystal report viewer, which is calling a crystal report to populate the result. The report is working as expected on development machine (Win Vista). Hence, I moved the application onto Server (Windows Server Web; 32Bit OS and IIS). I installed the CRRedist2008_x86.msi, which added the "aspnet_client" under default website. As my site is a made as an application under default webiste. I tried...
a) By copying the aspnet_client folder into the website folder
b) By adding a virtual directory called "aspnet_client" under my website pointing it into the folder under "default website"
None of the trials are working for me.
When I click on Print or Export buttons (although their images are missing), I get the error sigh on bottom left (status bar) of the browser and the popping up the same giving me below error details
Webpage error details
User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; WOW64; Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; HPNTDF; InfoPath.3; MS-RTC LM 8; .NET4.0C)
Timestamp: Tue, 2 Nov 2010 15:11:12 UTC
Message: Object doesn't support this action
Line: 41
Char: 1
Code: 0
URI: http://65.123.xxx.x:37188/xyzweb/(S(uhgxkx45iwlrbancwzfunp55))/reportpage.aspx
Any help in resolving this issue would be greatly appreciated.
Thank You,
Edited by: skbo007 on Nov 2, 2010 4:11 PM

Hello All.
I am excited to let you know that the issue is being resolved.
Here is steps that lead me to resolution and solution..
I installed Fiddler2 and looked into every the debugging details of the transaction while running the report.
Learned that the crystal report is using the aspnet_client foler under "Default website" NOT under the crrent website.
Hence I tried to access the image via http path from local machine
http://myserver/aspnet_client/system_web/2_0_50727/CrystalReportWebFormViewer4/images/toolbar/export.gif.
(Notice, "mysite" folder is been removed)
I was expecting to see the gif on my browsers' body. It gave me an error.
Investigated further more on the error and found that the "Managed Pipe Line" of the respective application pool is to be changed to "Classic" instead of "Integrated"
changed it .. Boom...
Tool bar is showing up with proper images and as well the "Export" and "Print" functions are working as expected..
Hope this helps to those in the same situation.
Again.. this is one of many many solutions on this issues.
Thank You
Edited by: skbo007 on Nov 3, 2010 9:42 PM

Images are stretched HTML5 output viewed in IE8. Workaround?

Similar Messages

Maybe you are looking for