How to draw underline text with UIWebView - uiwebview

Hi I am new to IPhone paltfom.
And I wonder how can I underline a text with UIWebView?
I know this is quite simple, but I couldn't get any clue from the menual
can anybody show me some code snippet?
The text should be a passed-in parameter.
thank you very much.

In the HTML content loaded by UIWebView, use
<span style="text-decoration: underline;">text-to-underline</span>
or
<u>text-to-underline</u>

Doesn't seem to work properly for me. and and tags work, but not , or CSS "text-decoration: underline;" It may be that the underline is not being scaled up as high as the rest of the page - e.g., a bug. I'm not sure

Related

Getting a simple YUI <select> element example working

Just starting off with YUI and I'm struggling a bit.
I am very interested in the example: Button Control: Using A Menu Button To Replace A Element here http://developer.yahoo.com/yui/examples/button/button-menu-select_log.html .
The example seems very well documented and explained, but I am struggling to get it to work in jsfiddle or codepen.
I guess that I am not sure on how to start the javascript.
What I've been doing is copying and pasting the HTML, CSS, and Javascript into jsfiddle, but I think there is something missing along the lines of YUI().use('node', function (Y) {
I was wondering if someone could maybe take that example and pop it in a jsfiddle or codepen for me, I really have tried very hard to help myself but now feel a bit hopeless.
FWIW I even struggle to get a simple YUI 'Hello World' example going in jsfiddle.
Thank you very much for any help!
Well that example is YUI2, not YUI3, so it's not going to work unless you wrap it in a yui use and bring them in that way YUI 2 in YUI 3

IE6 and <select> - blinking page

I have a rather big page (with lots of html, css and js(dojo framework)). This page contains html-select element and when I select any option the page blinks in IE6. In other browsers it works fine.
Any ideas how to avoid blinking?
Thanks in advance
Personally I would ignore this. My personal philosophy with IE6 is: It needs to work, but I don't care how it looks.
Perhaps you don't have the luxury.

Vertical alignment problem with "overflow: hidden", "inline-block" and "vertical-align"

This is a two part problem. Solving it for Firefox breaks IE6, and solving it for IE6 breaks Firefox. WebKit works fine.
This demonstrates the problem in Firefox: http://jsfiddle.net/UpZca/2/
"Import Submission" link is slightly higher than "Export Submission", which is a problem. IE6 works fine at this point - the alignment is correct.
I know that when using 'inline-block', vertical alignment issues can be fixed with vertical-align:top, so I tried that first. You can see that it fixes the problem in Firefox: http://jsfiddle.net/UpZca/1/
However, with this change IE6 decided that it is going to move "Import Submission" down all the way to the bottom of the invisible file input. Take a look at the last link again in IE6 to see what I mean.
btw, jsfiddle doesn't render the code the same way as pure IE6 does. In the links above, my text is covered up by the gray Browse button from the file input. In pure IE6 that doesn't happen, but this still demonstrates the positioning problem.
So, is there any way for me to make this code work in IE6 and Firefox?
Any ideas would be appreciated (except the one about not using IE6 :))
I ended up using Javascript to programatically add the vertical-align: top style if the browser is not IE.
A brief look tells me that the problem might be because IE6 does not support inline-block. Whenever you use inline-block, you will also need to do this:
*display: inline;
*zoom: inline;
These two lines are equivalent to display: inline-block for IE 6 and 7.
With this set, you can then probably figure out a cross-browser solution for the issue by adding vertical-align: top to the first anchor tag or qq-upload_button.

How to specify link text when the link is an image?

I'm making an web shop (my first one), and on the front page my client wants banners with their current hot deals. Naturally I want Google and other robots to be able to understand what these links are all about. I think (but I'm not sure) that Google will treat my <a> tag better if it will have some relevant text inside it. But a banner is just an image. How do I put text there? Could a <span style="display:none"> work? Maybe the title="" attribute?
Added: OOps, forgot to say - I place the image as a background image to my <a> tag - this gives me vertical centering. So there are no <img> tags.
Google will index the Alt text property on your image.
http://www.search-marketing.info/organic-listings/img-alt.htm
I've always done <span style="display:none;">My SEO text</span>. I've learned this trick from the CSSZenGarden. Another way to "hide" text involve setting a text-indent: -100000em;, and I'm sure there are some more.
It works at the CSS Zen Garden, google does not penalize it. search for "the beauty of css design" and you'll see that it gets indexed at google.
Google cant crawl images but Google can index alt text so try to link the images with alt-abbr.

Text Alignment problem

How to control a running text? This is a user generated content, where user used to give with out giving space to the text. for example:
abcdefghabcdefghabcdefghabcdefghabcdefghabcdefghabcdefghabcdefghabcdefgh
This goes beyond the specific block. Is there is a way to wrap the text? how can i control it and i also want that to be worked in ie6 also...
You can make strings with no spaces wrap by using the following CSS property:
word-wrap: break-word;
According to the MDC page on the word-wrap property, it is supported in IE 5.5+, Firefox 3.5+, and Safari 1.0+ (but not Opera).
You could use overflow:scroll; in your CSS, this would put a horizontal scroll bar. Should work in IE.

Resources