[SOLVED, JCE ISSUE] Image field that uses JCE media, is not rendered on the same way on chrome

More
9 years 3 months ago - 9 years 3 months ago #64348 by Chabi01
Hi,
An image field is rendered differently in Chrome and in other browsers apparently...
The code in Firefox is in example :
Code:
<a class="fc_image_thumb jcepopup" title="Col de la Bonnette: the highest Alpine road in Europe: Col de la Bonnette: the highest Alpine road in Europe" href="http://sportactive.net/images/stories/flexicontent/item_30_field_30/l_100_4951-800x600.jpg" style="" rel=""> <span class="jcemediabox-zoom-span" style="margin: 0px 4px 6px 0px; padding: 1px; border-width: 1px; border-style: solid; border-color: rgb(211, 211, 211); max-width: 256px;"> <img class="fc_field_image hasTooltip" width="256" itemprop="image" alt="Col de la Bonnette: the highest Alpine road in Europe" src="/images/stories/flexicontent/item_30_field_30/l_100_4951-800x600.jpg" data-original-title="" title="" style="margin: 0px; padding: 0px; float: none; border: medium none;"> <span class="jcemediabox-zoom-image"></span> </span> </a>
but in Chrome, it is :
Code:
<a style="" href="http://sportactive.net/images/stories/flexicontent/item_30_field_30/l_100_4951-800x600.jpg" class="fc_image_thumb jcepopup" title="Col de la Bonnette: the highest Alpine road in Europe: Col de la Bonnette: the highest Alpine road in Europe" rel=""> <span class="jcemediabox-zoom-span" style="margin: 0px 4px 6px 0px; padding: 1px; border: 1px solid rgb(211, 211, 211); max-width: 8px;"><img src="/images/stories/flexicontent/item_30_field_30/l_100_4951-800x600.jpg" alt="Col de la Bonnette: the highest Alpine road in Europe" class="fc_field_image hasTooltip" itemprop="image" data-original-title="" title="" width="8" style="margin: 0px; padding: 0px; float: none; border: none;"><span class="jcemediabox-zoom-image"></span></span></a>

I have in Chrome :
max-width: 8px;
and
width="8"
???
You can check this on this page : sportactive.net/en/Cycling-holidays-and-.../geneva-to-nice.html
Scroll in the page to "Cycling profile" : you'll see fields "day1", "day2", etc... and the images on the right...

Thanks for the help :)
Xavier
Last edit: 9 years 3 months ago by ggppdk.

Please Log in or Create an account to join the conversation.

More
9 years 3 months ago - 9 years 3 months ago #64407 by Chabi01
Any idea for this issue ? Is this on my side or is this a FC issue ?
Thanks for the lights ;)
Xavier
Last edit: 9 years 3 months ago by ggppdk.

Please Log in or Create an account to join the conversation.

More
9 years 3 months ago - 9 years 3 months ago #64409 by micker
i tink its a jce issue, did tou try to change js render ? like fancybox ?

FLEXIcontent is Free but involves a very big effort on our part.
Like the our support? (for a bug-free FC, despite being huge extension) Like the features? Like the ongoing development and future commitment to FLEXIcontent?
-- Add your voice to the FLEXIcontent JED listing reviews. Thanks![/size]
Last edit: 9 years 3 months ago by ggppdk.

Please Log in or Create an account to join the conversation.

More
9 years 3 months ago - 9 years 3 months ago #64467 by Chabi01
Hi,
Did all the test with all the renderer : no change in Chrome, the code generated still different and the same in Chrome..
Xavier
Last edit: 9 years 3 months ago by ggppdk.

Please Log in or Create an account to join the conversation.

More
9 years 3 months ago - 9 years 3 months ago #64469 by micker
i don't understand why .... but we can see that max-width is on 8px ...
can you try to diable jce media box or try this css
Code:
body .jcemediabox-zoom-span{ max-width:inherit; }
=> it's a not a flexicontent problem, i am trying in my dev site no problem ...
maybe a plugin

FLEXIcontent is Free but involves a very big effort on our part.
Like the our support? (for a bug-free FC, despite being huge extension) Like the features? Like the ongoing development and future commitment to FLEXIcontent?
-- Add your voice to the FLEXIcontent JED listing reviews. Thanks![/size]
Last edit: 9 years 3 months ago by ggppdk.

Please Log in or Create an account to join the conversation.

More
9 years 3 months ago - 9 years 3 months ago #64473 by Chabi01
Not working..
My question is : how the "max-width:8px" could be generated in the Chrome code ???? The code is generated by FC no ?
Last edit: 9 years 3 months ago by ggppdk.

Please Log in or Create an account to join the conversation.

More
9 years 3 months ago - 9 years 3 months ago #64503 by ggppdk
Hello

if (instead of JCEpopup) you use "multibox" or "fancybox"

then do you still have the same issue with field showing differently in chrome ?


-- Flexicontent is Free but involves a big effort on our part.
Like the our support? (for a bug-free FC, despite having a long list of functions) Like the features? Like the ongoing development and future commitment to FLEXIcontent?
-- Add your voice to the FLEXIcontent JED listing with a 5-star review. Thanks!
Last edit: 9 years 3 months ago by ggppdk.

Please Log in or Create an account to join the conversation.

More
9 years 3 months ago #64526 by Chabi01
Seems ok now with Fancybox.
Thanks everybody :)
Xavier

Please Log in or Create an account to join the conversation.

More
9 years 3 months ago #64530 by micker
i already say to do that lol

FLEXIcontent is Free but involves a very big effort on our part.
Like the our support? (for a bug-free FC, despite being huge extension) Like the features? Like the ongoing development and future commitment to FLEXIcontent?
-- Add your voice to the FLEXIcontent JED listing reviews. Thanks![/size]

Please Log in or Create an account to join the conversation.

More
9 years 3 months ago #64555 by Chabi01
You are right but i also change some little things in the images :)
Thanks anyway

Please Log in or Create an account to join the conversation.

Moderators: vistamediajoomlacornerggppdk
Cookies user preferences
We use cookies to ensure you to get the best experience on our website. If you decline the use of cookies, this website may not function as expected.
Accept all
Decline all
Essential
These cookies are needed to make the website work correctly. You can not disable them.
Display
Accept
Analytics
Tools used to analyze the data to measure the effectiveness of a website and to understand how it works.
Google Analytics
Accept
Decline
Save