After updating to antd 3.10 I'v noticed many of my icons are now misaligned:
Not sure why this is happening, I'v disabled all css besides antd.css but it's happening, even on a blank page (not necessarily in a modal).
Thing is I cannot reproduce this in a codepen with the same version, i've inspected everything in the browser inspector to check all the styles being applied and everything seems the same, and I am all out of troubleshooting idea.
Any ideas as to what could have caused this?
Update:
I rolled back to antd 3.0.0 and everything is fine. It definitely something has to do with the new svg icons. I still cannot replicate this outside of my environment. I am very much still interested in a solution to this.
This issue has nothing to do with webpack config - you need to add <!DOCTYPE html> at the top of your page. This is also why you can't reproduce it in codepen - doctype is specified even inside sandbox frame there.
I'm using wordpress for months and everything worked until today.
In my header.php I have my !DOCTYPE html, however it doesn't appear in my page.
I'm using chrome devtools to debug my code and when I look the source file I see a red dot before the doctype then when I mouse over it I see /ufeff.
Furthermore, in my code I have  right after /head tag that's make a kind of blank space between my header and my body.
I tried to change the encoding to utf-8 with notepad++ without success.
I tried all day to fix this issue and now I looking for some help.
Sounds like it might be a byte-order mark.
There are lots of answers which might help you, such as this or this.
After spending a while creating an online portfolio, then uploading it, I noticed an issue with one of my sections. On the "Advertisement" section, I noticed it was not displaying the information, just the title. So, I kept on re-pushing the stylesheet.css, even editing it, and it would still look the same. The HTML, CSS, and JS is working how I wrote it. But it is just the section that is not showing. After browsing online and on stackoverflow for an answer, I believe it has to do with Firefox. When using Firebug, I noticed the section's background has been removed, causing the entire section to "disappear." It works just fine on Chrome. I'm not worried about IE, I know that browser has some issues in itself. Anyway, would anyone on here have an idea to resolve this issue, if I can? Or even, what could be causing this issue?
Here is my website to see for yourselves. www.voelkerdesigner.com
Cheers!
It is the opposite for me your entire site works in firefox for me but not in chrome, looking through your code, its being caused by your naming conventions. Namely #advertise
I use the adguard extension in chrome and below is the css it plugs into my html pages to hide ads, so im guessing your using an adblocker in firefox
#adsense_top, #adsensewide, #adspace, #adspace_top, #adspot-300x250-pos-1, #adspot-300x250-pos-2, #adswidget1-quick-adsense, #adswidget2-quick-adsense, #adtext, #adtop, #adv-masthead, #adv-top, #advert1, #advert2, #advertbox3, #advertise, #advertisement1, #advertisetop, #advertising-container, #advertising_wrapper {
display: none!important;
}
Might as well post a random answer on this... As i wont visit posted links by new users.. i'm just gonna guess that your background image might not be 100%...
In general i use background-image instead of background.. Short hand can be a little pain and breaks in some browsers if not perfect.
so i would compare against the following example
background-image:url('images/mybg.jpg');
background-image:url('http://somesite.com/images/mybg.jpg');
Basically alot of people do not use the url and just go straight for a file name or dont quote it.. And have seen that be the problem in the past, so do use the url('') method.
Otherwise if it still fails to work and you know the image is absolute, you would then have some other css that is either over riding your elements background or is preventing it from loading.
Another trick is using your console / inspect element to manually inject the background-image and see if that works... So once the page has loaded in chrome, inspect the element as normal.. And double click on your css property listing as you can add your own styles this way and if it fails, then its not the markup but something else.
Good evening. I'm trying to make a site with Django. Not being expert in CSS I took a template (minimaxing, from html5up.net). Everything works fine, as you can see (http://secret-reaches-8428.herokuapp.com/lesson/lezioneA00/) except that ordered and unordered list are not rendered as such. I can guess is something in the css, but I can't see where the problem is. There are the three .css files loaded in the header:
http://secret-reaches-8428.herokuapp.com/static/css/style.css
//same_domain/style-desktop.css
//same_domain/style.css
Question is: can anybody point out what part of the css is to be modified or, can anybody point out what the problem is?
Ok, I solved looking for standard css attributes and setting up properties as I wanted. Now I'm just curious to understand why the normal html behavior was overwritten, since there is no reference to in the css files.
You have to update your img sources. You have a problem with your img sources, not with your ul or ol rendering.
You try to reach an image here, but it does not exist. Try to fix the URL reference.
today I wanted to change the border color of TextInput when user has a focus on it. I could not find any style that would allow me to change that. A little bit of Google searching and I found answer to be themeColor.
Why is it that there are some styles that work and which are not even mentioned in the Flex documentation? (and how can one find out about em, except doing some web searching?)
Thanx
Ladislav
As always I suggest while managing in color and properties use Flex Style Explorer create a stylesheet.css, put it into src folder and then call it by the following statement:
<mx:Style source="yourstylesheet.css" />
In the comment above Srirangan answered the question correctly, but I am not able to accept his comment as answer to my question...so I will just accept this one :)