X
Thinta lapha ukuze uye kuveshini yamakhalekhukhwini kusayithi.
Scheduled maintenance: Thursday, April 2, between 3pm and 5pm UTC. This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn’t solve your issue and you want to ask a question, we have our support community waiting to help you at @firefox on Twitter

Isithangami Sabeseki

Lolu chungechunge lwabekwa kunqolobane. Uyacelwa ubuze umbuzo omusha uma udinga usizo.

How do I get my image to fit into the size of the screen w/out zooming? Thanks

Kuphostiwe

My HTML file image gets automatically larger than the screen when I download it. When I try zooming smaller to make the top of the image appear, then the bottom of the image disappears. The pixel dimensions of the original image are 4:3 (4 horizontal...3 vertical), set up for the apple ipad. It would be OK for me if the image was stretched or squished a little to fit, but the image cannot be cropped unnecessarily to fit. Is there a "fit image into screen" button I'm missing? Thanks for your help Best Regards Richard

My HTML file image gets automatically larger than the screen when I download it. When I try zooming smaller to make the top of the image appear, then the bottom of the image disappears. The pixel dimensions of the original image are 4:3 (4 horizontal...3 vertical), set up for the apple ipad. It would be OK for me if the image was stretched or squished a little to fit, but the image cannot be cropped unnecessarily to fit. Is there a "fit image into screen" button I'm missing? Thanks for your help Best Regards Richard

Eminye Imininingwane Yohlelo

Fakela amapulagi

  • Shockwave Flash 32.0 r0

Isisebenziso

  • Firefox 64.0.2
  • Umsebenzisi oyi-ejenti: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:64.0) Gecko/20100101 Firefox/64.0
  • I-URL Yokweseka: https://support.mozilla.org/1/firefox/64.0.2/WINNT/en-US/

Izandiso

I-Javascript

  • incrementalGCEnabled: True

Imidwebo

  • adapterDescription: Intel(R) HD Graphics
  • adapterDescription2:
  • adapterDeviceID: 0x0102
  • adapterDeviceID2:
  • adapterDrivers: igdumd64 igd10umd64 igd10umd64 igdumd32 igd10umd32 igd10umd32
  • adapterDrivers2:
  • adapterRAM: Unknown
  • adapterRAM2:
  • adapterSubsysID: 2abf103c
  • adapterSubsysID2:
  • adapterVendorID: 0x8086
  • adapterVendorID2:
  • contentUsesTiling: False
  • crashGuards: []
  • direct2DEnabled: True
  • directWriteEnabled: True
  • directWriteVersion: 10.0.17134.376
  • driverDate: 5-19-2016
  • driverDate2:
  • driverVersion: 9.17.10.4459
  • driverVersion2:
  • featureLog: {u'fallbacks': [{u'message': u'Constant buffer offset binding does not work', u'name': u'NO_CONSTANT_BUFFER_OFFSETTING'}], u'features': [{u'status': u'available', u'description': u'Compositing', u'log': [{u'status': u'available', u'type': u'default'}], u'name': u'HW_COMPOSITING'}, {u'status': u'available', u'description': u'Direct3D11 Compositing', u'log': [{u'status': u'available', u'type': u'default'}], u'name': u'D3D11_COMPOSITING'}, {u'status': u'available', u'description': u'Direct2D', u'log': [{u'status': u'available', u'type': u'default'}], u'name': u'DIRECT2D'}, {u'status': u'available', u'description': u'Direct3D11 hardware ANGLE', u'log': [{u'status': u'available', u'type': u'default'}], u'name': u'D3D11_HW_ANGLE'}, {u'status': u'available', u'description': u'GPU Process', u'log': [{u'status': u'available', u'type': u'default'}], u'name': u'GPU_PROCESS'}, {u'status': u'opt-in', u'description': u'WebRender', u'log': [{u'status': u'opt-in', u'message': u'WebRender is an opt-in feature', u'type': u'default'}], u'name': u'WEBRENDER'}, {u'status': u'blocked', u'description': u'WebRender qualified', u'log': [{u'status': u'available', u'type': u'default'}, {u'status': u'blocked', u'message': u'Not Nvidia', u'type': u'env'}], u'name': u'WEBRENDER_QUALIFIED'}, {u'status': u'available', u'description': u'Off Main Thread Painting', u'log': [{u'status': u'available', u'type': u'default'}], u'name': u'OMTP'}, {u'status': u'available', u'description': u'Advanced Layers', u'log': [{u'status': u'available', u'type': u'default'}], u'name': u'ADVANCED_LAYERS'}]}
  • info: {u'AzureContentBackend (UI Process)': u'skia', u'AzureCanvasBackend (UI Process)': u'skia', u'ApzWheelInput': 1, u'ApzDragInput': 1, u'ApzKeyboardInput': 1, u'AzureFallbackCanvasBackend (UI Process)': u'cairo', u'ApzAutoscrollInput': 1, u'AzureCanvasAccelerated': 0, u'AzureCanvasBackend': u'direct2d 1.1', u'AzureContentBackend': u'direct2d 1.1'}
  • isGPU2Active: False
  • numAcceleratedWindows: 1
  • numTotalWindows: 1
  • offMainThreadPaintEnabled: True
  • offMainThreadPaintWorkerCount: 1
  • usesTiling: False
  • webgl1DriverExtensions: GL_ANGLE_client_arrays GL_ANGLE_depth_texture GL_ANGLE_explicit_context GL_ANGLE_explicit_context_gles1 GL_ANGLE_framebuffer_blit GL_ANGLE_framebuffer_multisample GL_ANGLE_instanced_arrays GL_ANGLE_lossy_etc_decode GL_ANGLE_pack_reverse_row_order GL_ANGLE_program_cache_control GL_ANGLE_request_extension GL_ANGLE_robust_client_memory GL_ANGLE_texture_compression_dxt3 GL_ANGLE_texture_compression_dxt5 GL_ANGLE_texture_usage GL_ANGLE_translated_shader_source GL_CHROMIUM_bind_generates_resource GL_CHROMIUM_bind_uniform_location GL_CHROMIUM_color_buffer_float_rgb GL_CHROMIUM_color_buffer_float_rgba GL_CHROMIUM_copy_compressed_texture GL_CHROMIUM_copy_texture GL_CHROMIUM_sync_query GL_EXT_blend_minmax GL_EXT_color_buffer_half_float GL_EXT_debug_marker GL_EXT_discard_framebuffer GL_EXT_disjoint_timer_query GL_EXT_draw_buffers GL_EXT_frag_depth GL_EXT_map_buffer_range GL_EXT_occlusion_query_boolean GL_EXT_read_format_bgra GL_EXT_robustness GL_EXT_sRGB GL_EXT_shader_texture_lod GL_EXT_texture_compression_dxt1 GL_EXT_texture_compression_s3tc_srgb GL_EXT_texture_filter_anisotropic GL_EXT_texture_format_BGRA8888 GL_EXT_texture_rg GL_EXT_texture_storage GL_EXT_unpack_subimage GL_KHR_debug GL_KHR_parallel_shader_compile GL_KHR_robust_buffer_access_behavior GL_NV_EGL_stream_consumer_external GL_NV_fence GL_NV_pack_subimage GL_NV_pixel_buffer_object GL_OES_EGL_image GL_OES_EGL_image_external GL_OES_compressed_ETC1_RGB8_texture GL_OES_depth32 GL_OES_element_index_uint GL_OES_get_program_binary GL_OES_mapbuffer GL_OES_packed_depth_stencil GL_OES_rgb8_rgba8 GL_OES_standard_derivatives GL_OES_surfaceless_context GL_OES_texture_float GL_OES_texture_float_linear GL_OES_texture_half_float GL_OES_texture_half_float_linear GL_OES_texture_npot GL_OES_vertex_array_object OES_compressed_EAC_R11_signed_texture OES_compressed_EAC_R11_unsigned_texture OES_compressed_EAC_RG11_signed_texture OES_compressed_EAC_RG11_unsigned_texture OES_compressed_ETC2_RGB8_texture OES_compressed_ETC2_RGBA8_texture OES_compressed_ETC2_punchthroughA_RGBA8_texture OES_compressed_ETC2_punchthroughA_sRGB8_alpha_texture OES_compressed_ETC2_sRGB8_alpha8_texture OES_compressed_ETC2_sRGB8_texture
  • webgl1Extensions: ANGLE_instanced_arrays EXT_blend_minmax EXT_color_buffer_half_float EXT_frag_depth EXT_sRGB EXT_shader_texture_lod EXT_texture_filter_anisotropic EXT_disjoint_timer_query OES_element_index_uint OES_standard_derivatives OES_texture_float OES_texture_float_linear OES_texture_half_float OES_texture_half_float_linear OES_vertex_array_object WEBGL_color_buffer_float WEBGL_compressed_texture_s3tc WEBGL_compressed_texture_s3tc_srgb WEBGL_debug_renderer_info WEBGL_debug_shaders WEBGL_depth_texture WEBGL_draw_buffers WEBGL_lose_context
  • webgl1Renderer: Google Inc. -- ANGLE (Intel(R) HD Graphics Direct3D11 vs_4_1 ps_4_1)
  • webgl1Version: OpenGL ES 2.0 (ANGLE 2.1.0.790e8e6b4179)
  • webgl1WSIInfo: EGL_VENDOR: Google Inc. (adapter LUID: 0000000000009003) EGL_VERSION: 1.4 (ANGLE 2.1.0.790e8e6b4179) EGL_EXTENSIONS: EGL_EXT_create_context_robustness EGL_ANGLE_d3d_share_handle_client_buffer EGL_ANGLE_d3d_texture_client_buffer EGL_ANGLE_surface_d3d_texture_2d_share_handle EGL_ANGLE_query_surface_pointer EGL_ANGLE_window_fixed_size EGL_ANGLE_keyed_mutex EGL_ANGLE_surface_orientation EGL_ANGLE_direct_composition EGL_NV_post_sub_buffer EGL_KHR_create_context EGL_EXT_device_query EGL_KHR_image EGL_KHR_image_base EGL_KHR_gl_texture_2D_image EGL_KHR_gl_texture_cubemap_image EGL_KHR_gl_renderbuffer_image EGL_KHR_get_all_proc_addresses EGL_KHR_stream EGL_KHR_stream_consumer_gltexture EGL_NV_stream_consumer_gltexture_yuv EGL_ANGLE_flexible_surface_compatibility EGL_ANGLE_stream_producer_d3d_texture EGL_ANGLE_create_context_webgl_compatibility EGL_CHROMIUM_create_context_bind_generates_resource EGL_CHROMIUM_sync_control EGL_EXT_pixel_format_float EGL_KHR_surfaceless_context EGL_ANGLE_display_texture_share_group EGL_ANGLE_create_context_client_arrays EGL_ANGLE_program_cache_control EGL_ANGLE_robust_resource_initialization EGL_ANGLE_create_context_extensions_enabled EGL_MOZ_create_context_provoking_vertex_dont_care EGL_EXTENSIONS(nullptr): EGL_EXT_client_extensions EGL_EXT_platform_base EGL_EXT_platform_device EGL_ANGLE_platform_angle EGL_ANGLE_platform_angle_d3d EGL_ANGLE_device_creation EGL_ANGLE_device_creation_d3d11 EGL_ANGLE_experimental_present_path EGL_KHR_client_get_all_proc_addresses EGL_KHR_debug EGL_ANGLE_explicit_context
  • webgl2DriverExtensions: GL_ANGLE_client_arrays GL_ANGLE_depth_texture GL_ANGLE_explicit_context GL_ANGLE_explicit_context_gles1 GL_ANGLE_framebuffer_blit GL_ANGLE_framebuffer_multisample GL_ANGLE_instanced_arrays GL_ANGLE_lossy_etc_decode GL_ANGLE_pack_reverse_row_order GL_ANGLE_program_cache_control GL_ANGLE_request_extension GL_ANGLE_robust_client_memory GL_ANGLE_texture_compression_dxt3 GL_ANGLE_texture_compression_dxt5 GL_ANGLE_texture_usage GL_ANGLE_translated_shader_source GL_CHROMIUM_bind_generates_resource GL_CHROMIUM_bind_uniform_location GL_CHROMIUM_color_buffer_float_rgb GL_CHROMIUM_color_buffer_float_rgba GL_CHROMIUM_copy_compressed_texture GL_CHROMIUM_copy_texture GL_CHROMIUM_sync_query GL_EXT_blend_minmax GL_EXT_color_buffer_float GL_EXT_color_buffer_half_float GL_EXT_debug_marker GL_EXT_discard_framebuffer GL_EXT_disjoint_timer_query GL_EXT_draw_buffers GL_EXT_frag_depth GL_EXT_map_buffer_range GL_EXT_occlusion_query_boolean GL_EXT_read_format_bgra GL_EXT_robustness GL_EXT_sRGB GL_EXT_shader_texture_lod GL_EXT_texture_compression_dxt1 GL_EXT_texture_compression_s3tc_srgb GL_EXT_texture_filter_anisotropic GL_EXT_texture_format_BGRA8888 GL_EXT_texture_norm16 GL_EXT_texture_rg GL_EXT_texture_storage GL_EXT_unpack_subimage GL_KHR_debug GL_KHR_parallel_shader_compile GL_KHR_robust_buffer_access_behavior GL_NV_EGL_stream_consumer_external GL_NV_fence GL_NV_pack_subimage GL_NV_pixel_buffer_object GL_OES_EGL_image GL_OES_EGL_image_external GL_OES_EGL_image_external_essl3 GL_OES_compressed_ETC1_RGB8_texture GL_OES_depth32 GL_OES_element_index_uint GL_OES_get_program_binary GL_OES_mapbuffer GL_OES_packed_depth_stencil GL_OES_rgb8_rgba8 GL_OES_standard_derivatives GL_OES_surfaceless_context GL_OES_texture_float GL_OES_texture_float_linear GL_OES_texture_half_float GL_OES_texture_half_float_linear GL_OES_texture_npot GL_OES_vertex_array_object OES_compressed_EAC_R11_signed_texture OES_compressed_EAC_R11_unsigned_texture OES_compressed_EAC_RG11_signed_texture OES_compressed_EAC_RG11_unsigned_texture OES_compressed_ETC2_RGB8_texture OES_compressed_ETC2_RGBA8_texture OES_compressed_ETC2_punchthroughA_RGBA8_texture OES_compressed_ETC2_punchthroughA_sRGB8_alpha_texture OES_compressed_ETC2_sRGB8_alpha8_texture OES_compressed_ETC2_sRGB8_texture
  • webgl2Extensions: EXT_color_buffer_float EXT_texture_filter_anisotropic EXT_disjoint_timer_query OES_texture_float_linear WEBGL_compressed_texture_s3tc WEBGL_compressed_texture_s3tc_srgb WEBGL_debug_renderer_info WEBGL_debug_shaders WEBGL_lose_context
  • webgl2Renderer: Google Inc. -- ANGLE (Intel(R) HD Graphics Direct3D11 vs_4_1 ps_4_1)
  • webgl2Version: OpenGL ES 3.0 (ANGLE 2.1.0.790e8e6b4179)
  • webgl2WSIInfo: EGL_VENDOR: Google Inc. (adapter LUID: 0000000000009003) EGL_VERSION: 1.4 (ANGLE 2.1.0.790e8e6b4179) EGL_EXTENSIONS: EGL_EXT_create_context_robustness EGL_ANGLE_d3d_share_handle_client_buffer EGL_ANGLE_d3d_texture_client_buffer EGL_ANGLE_surface_d3d_texture_2d_share_handle EGL_ANGLE_query_surface_pointer EGL_ANGLE_window_fixed_size EGL_ANGLE_keyed_mutex EGL_ANGLE_surface_orientation EGL_ANGLE_direct_composition EGL_NV_post_sub_buffer EGL_KHR_create_context EGL_EXT_device_query EGL_KHR_image EGL_KHR_image_base EGL_KHR_gl_texture_2D_image EGL_KHR_gl_texture_cubemap_image EGL_KHR_gl_renderbuffer_image EGL_KHR_get_all_proc_addresses EGL_KHR_stream EGL_KHR_stream_consumer_gltexture EGL_NV_stream_consumer_gltexture_yuv EGL_ANGLE_flexible_surface_compatibility EGL_ANGLE_stream_producer_d3d_texture EGL_ANGLE_create_context_webgl_compatibility EGL_CHROMIUM_create_context_bind_generates_resource EGL_CHROMIUM_sync_control EGL_EXT_pixel_format_float EGL_KHR_surfaceless_context EGL_ANGLE_display_texture_share_group EGL_ANGLE_create_context_client_arrays EGL_ANGLE_program_cache_control EGL_ANGLE_robust_resource_initialization EGL_ANGLE_create_context_extensions_enabled EGL_MOZ_create_context_provoking_vertex_dont_care EGL_EXTENSIONS(nullptr): EGL_EXT_client_extensions EGL_EXT_platform_base EGL_EXT_platform_device EGL_ANGLE_platform_angle EGL_ANGLE_platform_angle_d3d EGL_ANGLE_device_creation EGL_ANGLE_device_creation_d3d11 EGL_ANGLE_experimental_present_path EGL_KHR_client_get_all_proc_addresses EGL_KHR_debug EGL_ANGLE_explicit_context
  • windowLayerManagerRemote: True
  • windowLayerManagerType: Direct3D 11
  • windowUsingAdvancedLayers: True

Okuthandwayo Okulungisiwe

Misc

  • Umsebenzisi JS: Cha
  • Ukufinyeleleka: Cha
WestEnd 60 izisombululo 5387 izimpendulo
Kuphostiwe

Is this your website?

Is this your website?
cor-el
  • Top 10 Contributor
  • Moderator
17861 izisombululo 161609 izimpendulo
Kuphostiwe

Is this an HTML file that only has this one image in the body tag?

What are the dimensions of this image?

Computer monitors are usually 16:10, so a 4:3 image would have to be stretched horizontally considerably if you want to make it fit the screen. Firefox usually doesn't do this and you may have to provide proper width and height attributes or CSS rules. If the width is 100% then the image will extend beyond the screen.

See also the Inspector.

Is this an HTML file that only has this one image in the body tag? What are the dimensions of this image? Computer monitors are usually 16:10, so a 4:3 image would have to be stretched horizontally considerably if you want to make it fit the screen. Firefox usually doesn't do this and you may have to provide proper width and height attributes or CSS rules. If the width is 100% then the image will extend beyond the screen. See also the Inspector. *https://developer.mozilla.org/en-US/Tools/Page_Inspector

Umnikazi wombuzo

I am searching for a way to make my original image "fit the screen" which has not been a problem until I downloaded my image onto the Firefox browser.

Does anyone know of a way within the Firefox browser to make an adjustment so that my original image is made to "fit the screen".

Thanks for your help Best Regards Richard

I am searching for a way to make my original image "fit the screen" which has not been a problem until I downloaded my image onto the Firefox browser. Does anyone know of a way within the Firefox browser to make an adjustment so that my original image is made to "fit the screen". Thanks for your help Best Regards Richard
the-edmeister
  • Top 25 Contributor
  • Moderator
5433 izisombululo 40564 izimpendulo
Kuphostiwe

Impendulo Ewusizo

How about answering the three questions that were asked of you?

How about answering the three questions that were asked of you?
jscher2000
  • Top 10 Contributor
8957 izisombululo 73389 izimpendulo
Kuphostiwe

Hi Richard, if you are viewing an image "stand alone" -- the address bar would have the typical .jpg, .png, or .gif extension -- when you click the image, Firefox toggles between actual size and fit to viewport. Fit to viewport fits both dimensions. There is no "fit width, scroll vertically" setting, or vice versa.

Hi Richard, if you are '''viewing an image "stand alone"''' -- the address bar would have the typical .jpg, .png, or .gif extension -- when you click the image, Firefox toggles between actual size and fit to viewport. Fit to viewport fits both dimensions. There is no "fit width, scroll vertically" setting, or vice versa.

Umnikazi wombuzo

To follow up the previous three questions:

This is not my web site…. I’m trying to download an HTML file, a book, generated by TigerCreate software on our apple computer. The books are now on Apple iBooks and I want to make them accessible on Windows PCs and this is a test to download them on our windows PC. Firefox is set up with HTML which I thought would be the best browser. And Firefox does show the animations and narration and music that come with the book which is fantastic. Why the image doesn’t fit is surprising.

So because the file contains the whole book, I assume this image has one body tag although I don’t really know about body tags. It's interesting that the screenshots at the top of the page include the entire image of each illustration.

The pixel count is 1464 x 1100

So thanks to all who are helping. Best Regards Richard doctormoose.net

To follow up the previous three questions: This is not my web site…. I’m trying to download an HTML file, a book, generated by TigerCreate software on our apple computer. The books are now on Apple iBooks and I want to make them accessible on Windows PCs and this is a test to download them on our windows PC. Firefox is set up with HTML which I thought would be the best browser. And Firefox does show the animations and narration and music that come with the book which is fantastic. Why the image doesn’t fit is surprising. So because the file contains the whole book, I assume this image has one body tag although I don’t really know about body tags. It's interesting that the screenshots at the top of the page include the entire image of each illustration. The pixel count is 1464 x 1100 So thanks to all who are helping. Best Regards Richard doctormoose.net
jscher2000
  • Top 10 Contributor
8957 izisombululo 73389 izimpendulo
Kuphostiwe

What was the actual starting point? For example, a Pages/Word document, a PDF, an iBook, or something else? You usually get the cleanest and most easily editable/fixable HTML conversion from the original source document.

<s>What was the actual starting point? For example, a Pages/Word document, a PDF, an iBook, or something else? You usually get the cleanest and most easily editable/fixable HTML conversion from the original source document.</s>

Okulungisiwe ngu jscher2000

jscher2000
  • Top 10 Contributor
8957 izisombululo 73389 izimpendulo
Kuphostiwe

Impendulo Ewusizo

Okay now that I looked up TigerCreate... It seems you can directly save in HTML format so you an open that in a browser without going through any download or later conversion. Let's forget about downloading and iBooks and just talk about viewing the HTML product of TigerCreate.

Does it work as expected in Safari, just not in Firefox?

Do you have their latest update in case they are embedding style rules that have become obsolete?

Okay now that I looked up TigerCreate... It seems you can directly save in HTML format so you an open that in a browser without going through any download or later conversion. Let's forget about downloading and iBooks and just talk about viewing the HTML product of TigerCreate. Does it work as expected in Safari, just not in Firefox? Do you have their latest update in case they are embedding style rules that have become obsolete?

Umnikazi wombuzo

It works in Safari as an epub file that iBooks uses. And when I publish in HTML, it also works in Safari.

Yes the latest updates are included. This is the latest communication from David, the TigerCreate software developer:

Hi Richard,

If you want your project to work in a web browser like Internet Explorer, Safari, Chrome or Firefox you need to put it on a Web Server. This means practically to upload the entire folder "TC2WebPlayer" that's being created on publish to a Web Server you have access to. Typically this is done using an ftp client. Afterwards you can open the project in the browser with the address of your server, like http://mywebserver.com/TC2WebPlayer

For the basic setup of a Web Server we can't give you any support unfortunately.

Hope this helps.

Best David

Thanks again jscher2000 for your help Best Regards Richard

It works in Safari as an epub file that iBooks uses. And when I publish in HTML, it also works in Safari. Yes the latest updates are included. This is the latest communication from David, the TigerCreate software developer: Hi Richard, If you want your project to work in a web browser like Internet Explorer, Safari, Chrome or Firefox you need to put it on a Web Server. This means practically to upload the entire folder "TC2WebPlayer" that's being created on publish to a Web Server you have access to. Typically this is done using an ftp client. Afterwards you can open the project in the browser with the address of your server, like http://mywebserver.com/TC2WebPlayer For the basic setup of a Web Server we can't give you any support unfortunately. Hope this helps. Best David Thanks again jscher2000 for your help Best Regards Richard

Umnikazi wombuzo

I also found this message before the preload screen. Is this part of the adjustment that needs to be made? Thanks again Richard

Include the TC2 Web Player in an iframe via:

<iframe style="position:absolute; top: 0; left: 0; width:100%; height:100%" src="TC2WebPlayer/index.html?language=EN" allowfullscreen="true" frameborder="0"></iframe>
I also found this message before the preload screen. Is this part of the adjustment that needs to be made? Thanks again Richard Include the TC2 Web Player in an iframe via: <div style="position:relative; width: 100%; height: auto;padding-bottom: 75%"><iframe style="position:absolute; top: 0; left: 0; width:100%; height:100%" src="TC2WebPlayer/index.html?language=EN" allowfullscreen="true" frameborder="0"></iframe></div>
jscher2000
  • Top 10 Contributor
8957 izisombululo 73389 izimpendulo
Kuphostiwe

Generally speaking images will be given their natural (full) size unless dimensions are applied to them using either attributes or style rules (CSS). As examples:

Attributes: <img src="puppies.jpg" width="640" height="480">

Inline CSS: <img src="puppies.jpg" style="width:640px; height:480px">

In addition to specific dimensions, it's possible to specify percentages, meaning, how much of the "parent" or "containing" element. But depending on the layout of the page, percentages can work differently in different browsers.

Presumably you aren't setting any of this by hand, the converter is doing it. But you might be able to override it after conversion by editing one or more files.

But where and which files?! Good question.

Can you create and post on a web server a simple project illustrating this problem? It's really difficult to get a handle on it without putting hands on.

Generally speaking images will be given their natural (full) size unless dimensions are applied to them using either attributes or style rules (CSS). As examples: Attributes: &lt;img src="puppies.jpg" width="640" height="480"> Inline CSS: &lt;img src="puppies.jpg" style="width:640px; height:480px"> In addition to specific dimensions, it's possible to specify percentages, meaning, how much of the "parent" or "containing" element. But depending on the layout of the page, percentages can work differently in different browsers. Presumably you aren't setting any of this by hand, the converter is doing it. But you might be able to override it after conversion by editing one or more files. But where and which files?! Good question. Can you create and post on a web server a simple project illustrating this problem? It's really difficult to get a handle on it without putting hands on.

Umnikazi wombuzo

If the TigerCreate program that created the HTML file to begin with (including the TC2WebPlayer) automatically fits the image in the screen using the Safari browser.....and I take this same HTML file and send it to a windows PC and open it with the Firefox browser and everything works except the top 20% (approximately) of the image no longer appears on the screen and when I try to reduce the size of the image to fit, the bottom of the image disappears. Isn't there a way of introducing a "command" to "fit image into screen" in the Firefox protocol? Thanks again for your help Richard

If the TigerCreate program that created the HTML file to begin with (including the TC2WebPlayer) automatically fits the image in the screen using the Safari browser.....and I take this same HTML file and send it to a windows PC and open it with the Firefox browser and everything works except the top 20% (approximately) of the image no longer appears on the screen and when I try to reduce the size of the image to fit, the bottom of the image disappears. Isn't there a way of introducing a "command" to "fit image into screen" in the Firefox protocol? Thanks again for your help Richard
jscher2000
  • Top 10 Contributor
8957 izisombululo 73389 izimpendulo
Kuphostiwe

Why doesn't the top 20% fit on the screen? Do you need to scroll up? If you do that, does the bottom 20% not fit on the screen? Or is it impossible to scroll up enough to see the top of the image?

I don't understand what you mean by:

Drovy said

when I try to reduce the size of the image to fit, the bottom of the image disappears.

Is this a problem with Firefox's Zoom feature, or an HTML edit of some kind?

Why doesn't the top 20% fit on the screen? Do you need to scroll up? If you do that, does the bottom 20% not fit on the screen? Or is it impossible to scroll up enough to see the top of the image? I don't understand what you mean by: ''Drovy [[#answer-1190124|said]]'' <blockquote>when I try to reduce the size of the image to fit, the bottom of the image disappears. </blockquote> Is this a problem with Firefox's Zoom feature, or an HTML edit of some kind?

Umnikazi wombuzo

The image doesn't scroll at all. I tried to reduce the size of the image by using the zoom feature which gained a little of the top while at the same time cutting off the bottom. No matter how much I zoom I'm not able to see the top of the image. Thanks again Richard

The image doesn't scroll at all. I tried to reduce the size of the image by using the zoom feature which gained a little of the top while at the same time cutting off the bottom. No matter how much I zoom I'm not able to see the top of the image. Thanks again Richard
jscher2000
  • Top 10 Contributor
8957 izisombululo 73389 izimpendulo
Kuphostiwe

I can't do this blind, sorry.

I can't do this blind, sorry.
cor-el
  • Top 10 Contributor
  • Moderator
17861 izisombululo 161609 izimpendulo
Kuphostiwe

Does the Inspector gives any clues about the viewport?

You can right-click and select "Inspect Element" to open the builtin Inspector with this element selected.

Does the Inspector gives any clues about the viewport? You can right-click and select "Inspect Element" to open the builtin Inspector with this element selected. *https://developer.mozilla.org/en-US/Tools/Page_Inspector

Umnikazi wombuzo

Thanks cor-el for your suggestion. I will have to pursue your suggestion in detail when we return home tomorrow. Until then Best Regards Richard

Thanks cor-el for your suggestion. I will have to pursue your suggestion in detail when we return home tomorrow. Until then Best Regards Richard

Umnikazi wombuzo

Hi cor-el

To answer your question, so far in the inspector I have not found any clues about the viewport.

Although In the readme file that appears next to the TC2WebPlayer it says:

"1. Offline test For a quick test of the web player, before uploading to your own web server, Firefox can open the index.html contained in the folder."

Yet whenever I click on index.html, a small image of the first page appears with the following message in red above it:

"Include the TC2 Web Player in an iframe via:

<iframe style="position:absolute; top: 0; left: 0; width:100%; height:100%" src="TC2WebPlayer/index.html?language=EN" allowfullscreen="true" frameborder="0"></iframe>
"

When I enlarge the image clicking on the two arrows pointing in opposite directions, that's when the image expands beyond the top of the screen, yet the bottom of the image stays included within the screen.

How do I Include the TC2 Web Player in an iframe as instructed above? Will this solve the problem and contain the image within the screen?

Thanks for your help Richard

Hi cor-el To answer your question, so far in the inspector I have not found any clues about the viewport. Although In the readme file that appears next to the TC2WebPlayer it says: "1. Offline test For a quick test of the web player, before uploading to your own web server, Firefox can open the index.html contained in the folder." Yet whenever I click on index.html, a small image of the first page appears with the following message in red above it: "Include the TC2 Web Player in an iframe via: <div style="position:relative; width: 100%; height: auto;padding-bottom: 75%"><iframe style="position:absolute; top: 0; left: 0; width:100%; height:100%" src="TC2WebPlayer/index.html?language=EN" allowfullscreen="true" frameborder="0"></iframe></div>" When I enlarge the image clicking on the two arrows pointing in opposite directions, that's when the image expands beyond the top of the screen, yet the bottom of the image stays included within the screen. How do I Include the TC2 Web Player in an iframe as instructed above? Will this solve the problem and contain the image within the screen? Thanks for your help Richard