X
Thinta lapha ukuze uye kuveshini yamakhalekhukhwini kusayithi.

Isithangami Sabeseki

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

Firefox, unlike other browsers, has wrapping problem

Kuphostiwe

List of cities with borders around individual city names is wrapping incorrectly. See screenshot and forum thread trying to resolve it.

The wrapping problem does not occur in the other browsers I have tried. I also looked at the page in Explorer and Edge. No problems there. I do not have Chrome installed. Look at these examples:

Narrow your browser window until you see the problem in Firefox.

List of cities with borders around individual city names is wrapping incorrectly. See screenshot and forum thread trying to resolve it. *https://community.wikia.com/wiki/Thread:1514021 *https://community.wikia.com/wiki/Thread:1514021?file=Wrapping_problem.gif The wrapping problem does not occur in the other browsers I have tried. I also looked at the page in Explorer and Edge. No problems there. I do not have Chrome installed. Look at these examples: *http://cannabis.shoutwiki.com/wiki/User:Timeshifter/Sandbox17 *http://cannabis.shoutwiki.com/wiki/2018_Global_Marijuana_March_and_420_event_map#Germany Narrow your browser window until you see the problem in Firefox.
Ama-screenshot ananyekiwe

Eminye Imininingwane Yohlelo

Isisebenziso

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

Izandiso

  • Adblock Plus 3.3.1 ({d10d0bf8-f5b5-c8b4-a8b2-2b9879e08c5d})
  • Search Site WE 3.0 (searchsite-we@DW-dev)
  • Translate Now 3.1.6 (@translatenow)
  • 1-Click YouTube Video Downloader 4.0.92 (YoutubeDownloader@PeterOlayev.com) (Akusebenzi)

I-Javascript

  • incrementalGCEnabled: True

Imidwebo

  • adapterDescription: AMD Radeon HD 7700 Series
  • adapterDescription2:
  • adapterDeviceID: 0x683f
  • adapterDeviceID2:
  • adapterDrivers: aticfx64 aticfx64 aticfx64 amdxc64 aticfx32 aticfx32 aticfx32 amdxc32 atiumd64 atidxx64 atidxx64 atiumdag atidxx32 atidxx32 atiumdva atiumd6a
  • adapterDrivers2:
  • adapterRAM: 1024
  • adapterRAM2:
  • adapterSubsysID: 23181787
  • adapterSubsysID2:
  • adapterVendorID: 0x1002
  • adapterVendorID2:
  • contentUsesTiling: False
  • crashGuards: []
  • direct2DEnabled: True
  • directWriteEnabled: True
  • directWriteVersion: 10.0.17134.1
  • driverDate: 7-11-2018
  • driverDate2:
  • driverVersion: 24.20.12019.1010
  • driverVersion2:
  • featureLog: {u'fallbacks': [], 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'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: 9
  • numTotalWindows: 9
  • offMainThreadPaintEnabled: True
  • offMainThreadPaintWorkerCount: 4
  • usesTiling: False
  • webgl1DriverExtensions: GL_ANGLE_client_arrays GL_ANGLE_depth_texture 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_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
  • 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 (AMD Radeon HD 7700 Series Direct3D11 vs_5_0 ps_5_0)
  • webgl1Version: OpenGL ES 2.0 (ANGLE 2.1.0.595ccab4acc3)
  • webgl1WSIInfo: EGL_VENDOR: Google Inc. (adapter LUID: 0000000000006c39) EGL_VERSION: 1.4 (ANGLE 2.1.0.595ccab4acc3) 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_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
  • webgl2DriverExtensions: GL_ANGLE_client_arrays GL_ANGLE_depth_texture GL_ANGLE_framebuffer_blit GL_ANGLE_framebuffer_multisample GL_ANGLE_instanced_arrays GL_ANGLE_lossy_etc_decode GL_ANGLE_multiview 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_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
  • 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 (AMD Radeon HD 7700 Series Direct3D11 vs_5_0 ps_5_0)
  • webgl2Version: OpenGL ES 3.0 (ANGLE 2.1.0.595ccab4acc3)
  • webgl2WSIInfo: EGL_VENDOR: Google Inc. (adapter LUID: 0000000000006c39) EGL_VERSION: 1.4 (ANGLE 2.1.0.595ccab4acc3) 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_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
  • windowLayerManagerRemote: True
  • windowLayerManagerType: Direct3D 11
  • windowUsingAdvancedLayers: True

Okuthandwayo Okulungisiwe

Misc

  • Umsebenzisi JS: Cha
  • Ukufinyeleleka: Cha
FredMcD
  • Top 10 Contributor
4261 izisombululo 59654 izimpendulo
Kuphostiwe

What is the web address of the troublesome page?

What is the web address of the troublesome page?
jscher2000
  • Top 10 Contributor
8775 izisombululo 71736 izimpendulo
Kuphostiwe

Impendulo Ewusizo

Hmm, that's strange. Why does the left border separate from the content?

Since it is a span element, it has display:inline by default. If I override that to display:inline-block, then the border moves along with the content, as a block you could say.

I don't know if Firefox is right or wrong here, but that could be a workaround if your platform permits it, and also because if it's a bug it could take a few versions to get fixed.

Hmm, that's strange. Why does the left border separate from the content? Since it is a span element, it has display:inline by default. If I override that to display:inline-block, then the border moves along with the content, as a block you could say. I don't know if Firefox is right or wrong here, but that could be a workaround if your platform permits it, and also because if it's a bug it could take a few versions to get fixed.
cor-el
  • Top 10 Contributor
  • Moderator
17540 izisombululo 158604 izimpendulo
Kuphostiwe

I can confirm this in all Firefox versions I tested including Nightly 64. I don't know why this happens. I do notice a space after the dot when the border is displayed correctly and that this space is missing when Firefox wraps after the left border.

I can confirm this in all Firefox versions I tested including Nightly 64. I don't know why this happens. I do notice a space after the dot when the border is displayed correctly and that this space is missing when Firefox wraps after the left border.

Umnikazi wombuzo

I did some experiments. Adding display:inline-block; solves the wrapping problem, but creates another problem. Top and bottom padding can no longer be adjusted with padding:0 3px; The padding problem is also happening in Explorer and Edge. I had to wait a few minutes after making the change in the beta template, and then click ctrl-f5 to see the change in all the browsers.

I can still adjust left and right padding.

See:

It uses this template:

Compare the padding in the Sandbox18 page to the padding in the article using the unchanged (non-Beta) template: http://cannabis.shoutwiki.com/wiki/2018_Global_Marijuana_March_and_420_event_map#Europe

Note that there is space between the lines. They do not touch each other.

I did some experiments. Adding '''display:inline-block;''' solves the wrapping problem, but creates another problem. Top and bottom padding can no longer be adjusted with '''padding:0 3px;''' The padding problem is also happening in Explorer and Edge. I had to wait a few minutes after making the change in the beta template, and then click ctrl-f5 to see the change in all the browsers. I can still adjust left and right padding. See: *http://cannabis.shoutwiki.com/wiki/User:Timeshifter/Sandbox18 It uses this template: *http://cannabis.shoutwiki.com/wiki/Template:Box._Beta_2 - click on the source view to see what method is currently in use. Compare the padding in the Sandbox18 page to the padding in the article using the unchanged (non-Beta) template: http://cannabis.shoutwiki.com/wiki/2018_Global_Marijuana_March_and_420_event_map#Europe Note that there is space between the lines. They do not touch each other.

Okulungisiwe ngu firelight

Umnikazi wombuzo

I want to note something about the emails I received when replies were made to my post. The emails did not have a plain link back to this thread. Fortunately, I had bookmarked it.

The email only had:

  • Mark it as solved.
  • This doesn't solve my problem.

The replies provided additional useful info. Further experimentation came up with a partial answer. So I suggest putting a plain link in the emails. Otherwise, some people will give up, and not come back to the thread. Or threads will be closed prematurely. Or those who reply may get discouraged thinking their reply was not helpful.

By the way, does anybody have any ideas on how to fix the padding problem when using display:inline-block;

I want to note something about the emails I received when replies were made to my post. '''The emails did not have a plain link back to this thread. '''Fortunately, I had bookmarked it. The email only had: *'''Mark it as solved.''' *'''This doesn't solve my problem.''' The replies provided additional useful info. Further experimentation came up with a partial answer. So I suggest putting a plain link in the emails. Otherwise, some people will give up, and not come back to the thread. Or threads will be closed prematurely. Or those who reply may get discouraged thinking their reply was not helpful. By the way, does anybody have any ideas on how to fix the padding problem when using '''display:inline-block;'''

Okulungisiwe ngu firelight

Shadow110 1072 izisombululo 14836 izimpendulo
Kuphostiwe

Hi, please adjust your last post in BOLD to draw someones/Moderator/Supervisor's attention to it as I believe that is important as you do.

As to what I can do , nothing.

If you have a bug, file a bug report. https://bugzilla.mozilla.org/ Bug Writing Guidelines : https://developer.mozilla.org/en-US/docs/Mozilla/QA/Bug_writing_guidelines

Again you think we have power to do things. Volunteer Support has no power to do anything.

Right a big report as per guidlines.

Submit feedback : https://qsurvey.mozilla.com/s3/FirefoxInput/ or https://discourse.mozilla.org/c/add-ons

Keep a eye out for Admin/moderator and tackle them.

I have nothing to offer you than why the heck are you still working on this and not uninstalled it and reinstalled with a full version installer for releases or moved to the Extended Release.

It defies logic at times beating a dead horse.

Hi, please adjust your last post in BOLD to draw someones/Moderator/Supervisor's attention to it as I believe that is important as you do. As to what I can do , nothing. If you have a bug, file a bug report. https://bugzilla.mozilla.org/ Bug Writing Guidelines : https://developer.mozilla.org/en-US/docs/Mozilla/QA/Bug_writing_guidelines Again you think we have power to do things. Volunteer Support has no power to do anything. Right a big report as per guidlines. Submit feedback : https://qsurvey.mozilla.com/s3/FirefoxInput/ or https://discourse.mozilla.org/c/add-ons Keep a eye out for Admin/moderator and tackle them. I have nothing to offer you than why the heck are you still working on this and not uninstalled it and reinstalled with a full version installer for releases or moved to the Extended Release. It defies logic at times beating a dead horse.
Shadow110 1072 izisombululo 14836 izimpendulo
Kuphostiwe

There is no anybody. It is a group of people that Volunteer their time to help. You can be one of them since it seems you know your way around. Some are super duper and then you have me that suggests what I have suggested.

My go to is uninstall and reinstall with full version installer. I also try to find a solution. Just your asking for something that is not here.

Volunteers here can not do anything with your suggestions other than add you to " a whole bunch of people do not like ...problems with...." Maybe 2x's a month.

There is no anybody. It is a group of people that Volunteer their time to help. You can be one of them since it seems you know your way around. Some are super duper and then you have me that suggests what I have suggested. My go to is uninstall and reinstall with full version installer. I also try to find a solution. Just your asking for something that is not here. Volunteers here can not do anything with your suggestions other than add you to " a whole bunch of people do not like ...problems with...." Maybe 2x's a month.
Shadow110 1072 izisombululo 14836 izimpendulo
Kuphostiwe

Hi, info your almost at end of life for updates or already there for you Video Card : adapterDescription: AMD Radeon HD 7700 Series I have a 7970 and am at EOL (end of life)

Hi, info your almost at end of life for updates or already there for you Video Card : adapterDescription: AMD Radeon HD 7700 Series I have a 7970 and am at EOL (end of life)

Umnikazi wombuzo

I have this same problem with Firefox on 2 different desktop PCs.

I may or may not file a bug report. Hopefully, someone else will beat me to it. You would think Firefox would have several paid staff lurking in these forums to find stuff to post to bugzilla, etc.. If not, it further explains why Firefox market share is low.

I have this same problem with Firefox on 2 different desktop PCs. I may or may not file a bug report. Hopefully, someone else will beat me to it. You would think Firefox would have several paid staff lurking in these forums to find stuff to post to bugzilla, etc.. If not, it further explains why Firefox market share is low.
Shadow110 1072 izisombululo 14836 izimpendulo
Kuphostiwe

Hi,


yes there are a few lurkers. We are not encouraged to contact them as well I prefer less confrontations within a typing manor so I will not go that far and is best I stop here.


I do not know who is on or would suggest a message. If see other posts with Admin or Moderator go for it.

As a non-profit this is how the keep costs and confrontations down.

I do not know your whatever relations hip to the URL's in your 1st post but : HTML ERRORS : https://validator.w3.org/nu/?doc=http%3A%2F%2Fcommunity.wikia.com%2Fwiki%2FThread%3A1514021

CSS ERRORS : https://jigsaw.w3.org/css-validator/validator?uri=https%3A%2F%2Fcommunity.wikia.com%2Fwiki%2FThread%3A1514021&profile=css3svg&usermedium=all&warning=1&vextwarning=&lang=en

If you are a part of the above you have coding to do and figure out and with coding Mozilla Firefox follows the rules for web browser practises in current and for future as the W3C.org decides.

All other browsers look the other way for bad code and is why you see work a rounds for Firefox in code. If made it right the 1st time would not need to make work a rounds.


If are with those URL's then I suggest moving your code to HTML5 Responsive free templates that I am not a part of in any way. They also have a link to purchase a wack of stuff for 1 month. Or work with the free Templates as I have. https://html5up.net/


I only uploaded and submitted the 1st 2 pages. Errors and bad code are exactly that, errors/bad code.

Hi, -------- yes there are a few lurkers. We are not encouraged to contact them as well I prefer less confrontations within a typing manor so I will not go that far and is best I stop here. -------- I do not know who is on or would suggest a message. If see other posts with Admin or Moderator go for it. As a non-profit this is how the keep costs and confrontations down. I do not know your whatever relations hip to the URL's in your 1st post but : HTML ERRORS : https://validator.w3.org/nu/?doc=http%3A%2F%2Fcommunity.wikia.com%2Fwiki%2FThread%3A1514021 CSS ERRORS : https://jigsaw.w3.org/css-validator/validator?uri=https%3A%2F%2Fcommunity.wikia.com%2Fwiki%2FThread%3A1514021&profile=css3svg&usermedium=all&warning=1&vextwarning=&lang=en If you are a part of the above you have coding to do and figure out and with coding Mozilla Firefox follows the rules for web browser practises in current and for future as the W3C.org decides. All other browsers look the other way for bad code and is why you see work a rounds for Firefox in code. If made it right the 1st time would not need to make work a rounds. ------ If are with those URL's then I suggest moving your code to HTML5 Responsive free templates that I am not a part of in any way. They also have a link to purchase a wack of stuff for 1 month. Or work with the free Templates as I have. https://html5up.net/ --------- I only uploaded and submitted the 1st 2 pages. Errors and bad code are exactly that, errors/bad code.
jscher2000
  • Top 10 Contributor
8775 izisombululo 71736 izimpendulo
Kuphostiwe

Impendulo Ewusizo

firelight said

By the way, does anybody have any ideas on how to fix the padding problem when using display:inline-block;

Sorry, I can't figure out how to reduce the extra space when inline-block and border are on the same element. But you can keep the original appearance by moving the border to the inner element:

CURRENT (left border splits from content):

<span style="white-space: nowrap; word-break: keep-all; border: 2px solid lime; border-radius: 7px; background-color: yellow; color: black; padding: 0 3px;"><b><a href="/wiki/Mainz" class="mw-redirect" title="Mainz"> <span style="white-space: nowrap; word-break: keep-all; color: blue;">Mainz</span></a></b></span>

NEW (left border stays with content):

HTML

<span class="citybox"><b><a href="/wiki/Mainz" class="mw-redirect" title="Mainz"> <span style="white-space: nowrap; word-break: keep-all; color: blue;">Mainz</span></a></b></span>

CSS

.citybox {white-space: nowrap; word-break: keep-all; display: inline-block;} .citybox > b > a {border: 2px solid lime; border-radius: 7px; background-color: yellow; color: black; padding: 0 3px;}

That could be done inline, too, if the site doesn't allow defining new classes.

Red borders or other alternate colors could be applied directly to the inner element to override the lime.

''firelight [[#answer-1154439|said]]'' <blockquote> By the way, does anybody have any ideas on how to fix the padding problem when using '''display:inline-block;''' </blockquote> Sorry, I can't figure out how to reduce the extra space when inline-block and border are on the same element. But you can keep the original appearance by moving the border to the inner element: CURRENT (left border splits from content): &lt;span style="white-space: nowrap; word-break: keep-all; border: 2px solid lime; border-radius: 7px; background-color: yellow; color: black; padding: 0 3px;"&gt;&lt;b&gt;&lt;a href="/wiki/Mainz" class="mw-redirect" title="Mainz"&gt; &lt;span style="white-space: nowrap; word-break: keep-all; color: blue;"&gt;Mainz&lt;/span&gt;&lt;/a&gt;&lt;/b&gt;&lt;/span&gt; NEW (left border stays with content): ''HTML'' &lt;span '''class="citybox"'''&gt;&lt;b&gt;&lt;a href="/wiki/Mainz" class="mw-redirect" title="Mainz"&gt; &lt;span style="white-space: nowrap; word-break: keep-all; color: blue;"&gt;Mainz&lt;/span&gt;&lt;/a&gt;&lt;/b&gt;&lt;/span&gt; ''CSS'' .citybox {white-space: nowrap; word-break: keep-all; '''display: inline-block;'''} .citybox > b > a {border: 2px solid lime; border-radius: 7px; background-color: yellow; color: black; padding: 0 3px;} That could be done inline, too, if the site doesn't allow defining new classes. Red borders or other alternate colors could be applied directly to the inner element to override the lime.

Umnikazi wombuzo

Thanks jscher2000.

It has been 8 days since I passed on your info to this thread, and heard nothing back: https://community.wikia.com/wiki/Thread:1514021

This is way beyond my skill level. Wiki template programming can be complex. And I only understand some basic inline CSS.

Hopefully, some Firefox developers fix the problem before the next Global Marijuana March. I hope someone passes this on to Firefox bugzilla. My attempts at Bugzilla/Phabricator reports for Wikimedia stuff can be difficult. I don't have the time to do it right in many cases. Another arcane endeavor among many.

Thanks jscher2000. It has been 8 days since I passed on your info to this thread, and heard nothing back: https://community.wikia.com/wiki/Thread:1514021 This is way beyond my skill level. Wiki template programming can be complex. And I only understand some basic inline CSS. Hopefully, some Firefox developers fix the problem before the next Global Marijuana March. I hope someone passes this on to Firefox bugzilla. My attempts at Bugzilla/Phabricator reports for Wikimedia stuff can be difficult. I don't have the time to do it right in many cases. Another arcane endeavor among many.

Okulungisiwe ngu firelight