I'm building a custom WordPress theme and want to make it compatible with Polylang but I get issue when testing the language switcher with flags. My Theme uses bootstrap and the menu uses the Bootstrap NavWalker Menu
Here is what I get instead of the image flag:
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALCAIAAAD5gJpuAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAGzSURBVHjaYiyeepkBBv79+Zfnx/f379+fP38CyT9//jAyMiq5GP77wvDnJ8MfoAIGBoAAYgGqC7STApL///3/9++/pCTv////Qdz/QO4/IMna0vf/z+9/v379//37bUUTQACBNDD8Z/j87fffvyAVX79+/Q8GQDbQeKA9fM+e/Pv18/+vnwzCIkBLAAKQOAY5AIAwCEv4/4PddNUm3ji0QJyxW3rgzE0iLfqDGr2oYuu0l54AYvnz5x9Q6d+/QPQfyAQqAin9B3EOyG1A1UDj//36zfjr1y8GBoAAFI9BDgAwCMIw+P8Ho3GDO6XQ0l4MN8b2kUwYaLszqgKM/KHcDXwBxAJUD3TJ779A8h9Q5D8SAHoARP36+Rfo41+/mcA2AAQQy49ff0Cu//MPpAeI/0FdA1QNYYNVA/3wmwEYVgwMAAHE8uPHH5BqoD1//gJJLADoJKDS378Z//wFhhJAALF8A3rizz8uTmYg788fJkj4QOKREQyYxSWBhjEC/fcXZANAALF8+/anbcHlHz9+ffvx58uPX9KckkCn/gby/wLd8uvHjx96k+cD1UGiGQgAAgwA7q17ZpsMdUQAAAAASUVORK5CYII=" alt="Français" width="16" height="11" style="width: 16px; height: 11px;" /><span style="margin-left:0.3em;">Français</span>
Can someone please help me solve this?
This is a base64 encoded image that you receive. And it should be displayed correctly on frontend.
See this https://codepen.io/hug0-drelon/pen/eYWaMVX with <img src="data:image/png;base64, <!--encoded image--> " alt="Français" width="16" height="11" style="width: 16px; height: 11px;" /><span style="margin-left:0.3em;">Français</span> for instance.
Related
I am trying to display images inline into mails with Django but it does not work.
Here is the line that I use to display the images inline :
<img src='http://localhost:8000/static/myproject/media/mypic.jpg' width="125" height="120" style="display: block; border: 0px;" />
I got nothing actually....
Could you help me please ?
Thank you very much !
I'm having a problem with images in Play.
This is the way I access the image
src="#routes.Assets.at("/images/logo-mobile-control-white.png/")"
It works when I access from local (localhost:9000), but when I access from another computer (http://10.253.3.243:9000) the images don't work.
Here is the code from the local
img src="/assets//images/logo-mobile-control-white.png/" width="180" height="60" border="0" title="Mobile
Control" alt="Logo Mobile
Control"
And Here is the code from the server
img src="/assets//images/logo-mobile-control-white.png/" width="180" height="60" border="0" title="Mobile Control" alt="Logo Mobile Control"
Just the same
Help me please!
simply use this
src="#routes.Assets.at("images/logo-mobile-control-white.png")"
This will produce the following result:
<image src="/assets/images/logo-mobile-control-white.png"/>
I got a small problem with html img tags.
I got a lot of banners on my website, but for some reason firefox only shows the gif's and not the jpg's.
I have tried changing to source to the files but that didn't help much.
anyone out here knows what to do ?
JsFiddle example of the images
<!-- i didnt use the original links to the website and banners since they are
adult websites. -->
<!-- This one will work since its a gif -->
<p style="text-align: center;"><img border="0" width="468" height="60" src="http://fakesite.com/Upload/Banners/banner1.jpg" />
<!-- This one doesnt -->
<p style="text-align: center;"><img border="0" width="468" height="60" src="http://fakesite.com/Upload/Banners/banner2.gif" />
Going into safe mode, then restarting normally, the jpg's were showing like they're supposed to. thanks #j08691
I located social icons in my text widget located in the header. It works in IE but not in Chrome or Firefox?? I am wondering if it has to do with my Artisteer 4 theme I am using, but I have looked at all the CSS and code and don't see what is interfering. My site is http://www.visualtechnologyconsulting.com
and the code in the text widget is:
<a href="http://www.facebook.com/visualtechnologyconsulting/">
<img class="alignnone size-full wp-image-372" alt="Visual Technology Consulting
Facebook" src="http://www.visualtechnologyconsulting.com/wp-
content/uploads/2013/01/facebook-logo-webtreats.png" width="75" height="75" />
</a>
<a href="http://www.linkedin.com/company/visual-technology-consulting/">
<img src="http://www.visualtechnologyconsulting.com/
wp-content/uploads/2013/01/linkedin-logo-webtreats.png"
alt="Visual Technology Consulting Linkedin" width="75" height="75"
class="alignnone size-full wp-image-373" />
</a>
I can see them in Chrome. Everything looks fine.
But maybe you post the CSS Part?
Nate, its working for me in Chrome and firefox. See here. Have you refreshed your browsers cache?
I found it!! it was a CSS issue I was covering the icons with the header div, needed to reduce it to 40%!!!
Thanks everyone!
This is an extract of the rendered code of the frontend.
<div style="width: 345px;" class="csc-textpic-imagewrap">
<ul>
<li style="width: 0px;" class="csc-textpic-image csc-textpic-firstcol">
<img width="" height="" border="0" alt="" src="">
</li>
<li style="width: 335px;" class="csc-textpic-image csc-textpic-lastcol">
<img width="335" height="381" border="0" alt="" src="uploads/pics/katze_start_01.jpg">
</li>
</ul>
</div>
The first <li><img> contains no src, height, width, alt, etc. In the backend there is a image and it should work. Well I use the standard CSS Styled Content Framework and render the content elements via styles.content.getLeft (does work). For some reason (it feels not logical) it does not render the first image of an "image" content element...
What is the error here?
Check in install tool if imagemagick/graphicsmagic works. There are five tests defined in "Image Processing".
If everything works fine there, check if your image has special chars (f.e. german umlauts) or spaces in there. Replace spaces (i guess you uploaded them via scp/ftp, via TYPO3 they should be replaced automatically) and check install tool options "[SYS][UTF8filesystem]" and "[SYS][systemLocale]" in section "All Configuration".