I was looking everywhere, but couldn't find answer. Sorry if there already is an answer. Anyway I have a navigation
<div id="menu">
<ul class="nav">
☰
<li>Home</li>
<li>About Me</li>
<li>Works</li>
<li>Contact</li>
</ul>
</div>
And the Trigram For Heaven entity is not working for WP8. I was wondering if I did something wrong or do I really have to use a .png? It is working on my friends iPhone and in browser (tested).
Thanks in advance!
Unicode characters belong to certain fonts, like Arial Unicode MS and not all fonts support a wide range of Unicode characters.
To ensure that special Unicode characters are shown, you must change the font for the platform.
Related
The menu I am trying to create is:
The menu is in Chinese & English. The problem is #font-face isn't practical with Chinese characters as each font is over 5mb. So - I would need to resort to images.
So - my ideas are:
Are there any image replacement techniques that scale?
How can you extract the characters out of the font to make a custom font face?
Thanks,
Robert
Use cufon - http://cufon.shoqolate.com/generate/
It renders the text image automatically in Javascript and is also readable for search engines.
I've seen here when I click on the file hearts.rb that my address bar contains those hearts even on my phone.
How does this work ? Where to find escaping codes like this one ?
Unicode?
❤ ♥ ♡
https://www.google.com/?q=%E2%9D%A4%20%E2%99%A5%20%E2%99%A1
Actually, after a little searching, the ones in that file name are 0x01f499 through 0x01f49C, which are part of the Emoji Unified codeset, which is supported in iOS. Not all fonts or browsers support this unicode range.
I have finally perfected my web page and it works perfectly in every browser.
However, when I abstracted out the header and footer contents into server side includes, the layout changes marginally in Firefox/Opera/Safari, but in IE, the layout changes makes the page look broken.
Are there any known issues that could cause the layout to change when using SSIs? Quite frankly, I'm surprised that using a SSI would have an effect like this. I am using HTML5 tags, the modernizr js library, and the page validates if any of that matters.
EDIT: I fixed my problem by changing what code was abstracted (I simply abstracted one parent tag further than before). HOWEVER, I am still eager to know exactly why this bug happened in the first place. Is there someone out there who could shed light on what in particular could cause this?
Chances are that its not SSI that's causing any issues.
It's entirely possible that there are newlines in the HTML code causing IE to insert extraneous spaces, causing the layout to break.
Also, be sure you separated the code correctly when you moved pieces to the includes. It is probably easiest to check this by running your HTML through a validator.
I was having a similar problem and fixed as follows.
i had something like this:
<div>
<include>
</div>
and fixed it by changing it to this:
<div><include></div>
The issue ending up being a bug with how the server parsed the HTML and with HTML5 tags. For whatever reason, when I added one extra tag set to the SSI, it worked.
My original include looked like this:
<header>
<!--#Include File="/includes/header.shtm"-->
</header>
with the included file being:
<nav>
<ul>
<li>Home</li>
<li>Products</li>
<li>About</li>
<li>Contact</li>
</ul>
</nav>
But when I took all of the HTML5 tags out of the include, as shown below, everything worked as normal. I'm not sure if this is an issue with an old version of apache or what, but doing this fixed everything.
<header>
<nav>
<!--#Include File="/includes/header.shtm"-->
</nav>
</header>
It may be a file encoding problem with UTF-8, inserting BOM characters at the beginning of the included file. My solution was to save the include file as UTF-8 without the BOM signature.
I noticed having the include statement just after the body tag showed the extra space, but adding (any?) html tag around the include statement hides it. I'm guessing the browser ignores the characters once they're "inside" the body instead of the beginning.
My particular situation involved Visual Studio, but it shows up with a mix of editors. See also
How can I avoid the blank space when using PHP include?
Force Visual Studio (2010) to save all files in UTF-8
UTF-8 without BOM
My list ordering appears fine in chrome and FF, but not in IE (all appear as 1's).
I'm not even sure where to begin regarding what's going on.
I spent a little time on a google search, but I'm still not sure where to begin (my keyword combinations didn't bring me what I'm looking for, but a question about formatting problems in IE did bring me to this site, so I thought I'd try; I like the related questions window above the text box).
If any thoughtful readers have tips, tricks, links, suggestions, solutions, I'm interested in why it happens and how to fix it.
Here's the link: http://www.technion.ac.il/~balazs/htms/tops1.3.htm
We're a small enough community to tell folks to look at it in FF or Chrome, BUT I'd rather learn how to do it right . . .
Thank you in advance for any feedback!
Whenever a page doesn't render as I expect, the first thing that I do is run it through the w3c markup validation service.
The following page highlights a number of errors with your HTML:
http://validator.w3.org/check?uri=http%3A%2F%2Fwww.technion.ac.il%2F%7Ebalazs%2Fhtms%2Ftops1.3.htm&charset=%28detect+automatically%29&doctype=Inline&group=0
Fix those up and all should be rosy!
You need to use the li element for lists. Any other tags are not allowed and will not validate. You seems to be using some sort of WYSISYG program or CMS that's wrapping each li in a span that gives them a black font color and a slightly larger size.
<ol>
<span style="font-size: larger; color: rgb(0, 0, 0);"><li>Login and open the program</li></span>
<ol type="a">
<li>Sign the logbook (name and phone number)</li>
...
The reason why in Firefox and Chrome it works is because they're slightly more forgiving.
And will you now excuse me while I rinse the residue image of Comic Sans from my eyes?
I have HTML that includes symbols such as the Trademark "TM" as superscript (™). In normal HTML, I would use "™" or to display the Trademark TM. However, I can find no way to import HTML like this into Flex and have it displayed correctly. I am having similar issues with the <li> tag.
My HTML:
<p>This information is intellectual property of My Company.</p>
<p>Available features:</p>
<li>Feature 1</li>
<li>Feature 2</li>
<li>Feature 3</li>
<li>Feature 4</li>
<p>COPYRIGHT INFORMATION:</p>
<p>Copyright © 2008, My Company. All rights reserved.</p>
The only way that I've gotten this to work is by copying and pasting the content directly into Flex:
<mx:Text width="100%" height="100%">
<mx:htmlText>
<![CDATA[
This information is intellectual property of My Company™.
Available features:
• Feature 1
• Feature 2
• Feature 3
• Feature 4
COPYRIGHT INFORMATION:
Copyright © 2008, My Company. All rights reserved.
]]>
</mx:htmlText>
</mx:Text>
I want to use an external HTML file that I can import into my Flex App at run time, so that I don't have to recompile the app for a simple content change.
I've heard of too many issues with the iFrame option, so I want to avoid that, if possible.
Does anyone have any other good suggestions for dealing with this issue?
Thank you.
Okay, this is a tricky one. I just finished a project where we used this open-source library to display HTML: http://code.google.com/p/flex-htmlfilter
It handles lists, tables, etc, and is pretty easy to work with. But, I don't think it supports the trademark symbol. It does support some of the others, though.
I'm using it to pull content from a CMS and display in my flash movie. It has worked great, and allows me all the flash styling flexibility I need.
I don't know if this is a good solution for all problems, but if you want to use a RichText control you can load FlowText in to it which allows you to use more HTML, including superscript and other glyphs, like the ones you want to use.
How to use superscripting in flex?