Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 3 years ago.
Improve this question
I have an animated GIF image. I will be placing it in a transparent overlay in my html page. Is there any way to Smoothen the image (the edges are quite rough, they look fine in the psd)
and is there ANY way to load an APNG in IE 6,7,8.
According to Wikipedia, it is not possible to use APNG in Internet Explorer.
Your only chance of a workaround is to create the GIF (which doesn't support alpha transparency like PNG does, which is the reason for the rough edges) in a way that works with the background you're putting it on - like, defining the dominant background colour as the transparent colour so the edges are calculated for that colour instead of black.
It will depend on the image editing program you are using whether that is possible or not.
I know this is an old post but for those that want to support APNG on IE or Safari, there is a javascript workaround that's found below:
http://ajaxian.com/archives/apng-class-get-apng-going-on-all-browsers
http://www.devthought.com/projects/mootools/apng/
Currently, I believe FF (not sure the version) and Opera (not sure of the version) support it at the browser level. For Chrome, you can download the APNG extension to get it to work.
Hope this helps.
Related
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 2 years ago.
Improve this question
I need help with my Wordpress website. Theme, which I am currently using, automatically makes background images dark (in elements with text and button). With bright pictures it's ok, but with dark ones it looks horrible. How to find the stylesheet with the corresponding css and how to make it less dark? It's the same situation as in the demo here: Total Vanilla theme demo
You just need to inspect the image and you will jump to the right html element. In your case it's this element that cause the dark effect:
<span class="wpex-bg-overlay color" style="background-color:#383d47;opacity:0.8;" data-style="background-color:#383d47;opacity:0.8;"></span>
To quickly mask all of them you can use this css:
.wpex-bg-overlay {
display: none;
}
Open your website in the browser and press F12 to open the inspector. There you have every piece of code of your website including the CSS files (which will be in the header with a link to a file ending with .css.
in your case:
https://total.wpexplorer.com/vanilla/wp-content/themes/Total/style.css?ver=4.9.9.1
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 7 years ago.
Improve this question
I converted the client website into responsive website so shifted the maximum internal and inline css code into external stylesheet so i can target the element as per screen sizes.
here is the client website Photovoltaiksolarstorm.com
Website work fine on every browser chrome, opera, safari and others but on mozilla it doesn't load exact css file seems like file is loaded somewhere on server cache so i cleared my browser cache completely and client asked the server host for cache issue but they said everything is fine her still the problem occured. i am sharing screenshot of website one area there are many like that but i hope one can debug from there:
Right screenshot from chrome: http://www.photovoltaiksolarstrom.de/photovoltaik-rechner - page link
right screen shot of mozilla browser.
Website is on wordpress, i shifted it to bootstrap. please let me know what is the issue there.
Many thanks.
I think it's a parsing error. Right above your rechner-paratop class there is the following line:
.author{font-style:italic;color:#222222;"}
The quote " at the end right before the closing bracket is clearly wrong. This might stop some browsers from properly parsing your CSS.
Edit: Taking a closer look at your CSS clearly shows that there are more validation problems.
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 8 years ago.
Improve this question
I have this logo image in the top left of the page on http://universeapp.co
The image shows up in safari on my mac but it doesn't show up in google chrome or on the iPhone?
It was working earlier and now it doesn't.. What could be the problem?
Your http://universeapp.co/images/universe%20app%20icon.png image is a PSD with a PNG file extension. You need to re-save it as a PNG file, rather than a Photoshop document with the PNG extension.
The reason the image appears in Safari is Safari has the ability to render PSD files. Most browsers do not and PSD's are rather large, so re-saving as PNG is important.
The image is not available. re upload the image and try
see
http://universeapp.co/images/universe%20app%20icon.png
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 8 years ago.
Improve this question
I designed a page in photo shop.
When I try to convert it to HTML the header font looks a bit different.
But I applied the same styles and font, for example size is 36pt in Photo shop(non bold), I could get the same effect while I add BOLD when I coding in HTML.
The main problem is that, the font looks like cut letters, meaning the " I " looks like two dashes vertically arranged.
How to solve this?
Save that "page" as an image and then put that image into an HTML file.
EDIT: I think you can just use the PRINT key on your keyboard to make it really look like on your computer - even with all the Photoshop toolbars and such! But don't forget to provide the users with the color profile and illumination profile of your monitor and an exact layout of your room, and don't forget the type of light bulb you are using, the thickness and tinting of the glass in your windows and of course the angle of the sun!
The problem with converting photoshop files to a website is that Photoshop renders fonts different then browsers. In most of the cases, fonts are displayed the same as in your design, but sometimes you just can't get the fonts look exactly the same as in your photoshop file. Unfortunately, there isn't a fix for this yet.
Photoshop simply has a lot more font functionalities then browsers so you'll have to be satisfied with the simplified version in your browser.
What you can do is slice the text from the PSD as an image and include that in your HTML, but that is a very outdated method which will increase the loading time of your website.
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 8 years ago.
Improve this question
I am working on dermatologytech.org/ and have gotten the markup as W3 valid as I could. When I view the site in internet explorer it does not appear right, the buttons appear all the way up. See the picture below. Additionally, the navigation is shifted in FireFox. See second image. Any assistance would be appreciated.
Hey now you can do this easily just define
min-height of your slider div in your css file.
as like this
.slider{
min-height:266px;
}
Can you post the CSS and PHP index (or maybe part) to help you troubleshoot? There might be a problem with your positioning as Internet Explorer does not support all CSS tags. I tried using IE 8 on your site and the output is okay. So maybe check your CSS file and look for CSS tags that are incompatible with IE 7 and look for a workaround. Check this out : http://msdn.microsoft.com/en-us/library/bb250496%28v=vs.85%29.aspx and this : http://www.quirksmode.org/css/contents.html
These sites may help you find what makes your layout change on IE.