text-decorations

I want to make a text with red wavy underline and blue dashed overline using text-decoration . This is my code: (working only in Mozilla Firefox) (don't works, because display only overline) span { font-size: 40px; text-decoration: underline wavy red; text-decoration: overline dashed blue; } <span> Some Text </span> How can I do that effect using only text-decoration ? (I know, it will work only in Mozilla Firefox) Thanks for help. You can not have two values for one css property at the same time. Workaround: wrap yout text in another span and add separate text-decoration to each span: span {

I'm having an issue with text-decoration: underline on two spans that use inline-block . The [problem is only one part of the URL will underline when hovered, the other does not. I need to keep the display property, otherwise text-overflow won't get applied (see: Text-overflow: ellipsis alignment issue ) HTML: <div class="details" itemscope itemtype="http://data-vocabulary.org/Product"> <h2> <a class="heading" href="/product/acmesw" title="Acme Super Widget"> <span class="trunc" itemprop="name">Acme Super Widget 3000</span> <span itemprop="offerDetails" itemscope itemtype="http://data

Totally baffled! I've tried rewriting the text-decoration: none line several different ways. I also managed to re-size the text by targeting it but the text-decoration: none code will not take. Help much appreciated. Code .widget { height: 320px; width: 220px; background-color: #e6e6e6; position: relative; overflow: hidden; } .title { font-family: Georgia, Times New Roman, serif; font-size: 12px; color: #E6E6E6; text-align: center; letter-spacing: 1px; text-transform: uppercase; background-color: #4D4D4D; position: absolute; top: 0; padding: 5px; width: 100%; margin-bottom: 1px; height: 28px;

I have a c# .net 3.5 application that writes text to the console using a StreamWriter. Is there a way I can add text decorations like underline and strikethrough to the text that is printed to the console? Possibly using ANSI escape sequences? TextWriter writer = new StreamWriter(Console.OpenStandardOutput()); writer.WriteLine("some underlined text"); Thanks, PaulH The Windows console does not support ANSI escape sequences. To my knowledge, the only way to change the attributes of an output character is to call SetConsoleTextAttribute before writing the character. Or, in .NET, modify the

I'm new on CSS and trying to understand how links are modified due to the changed state. On my scenario, I want to change the text-decoration to the line-through when the link is on visited state. However, neither on Mozilla nor Chrome browser, text-decoration of the text content not updated with line-through when the link is on visited state, shown as below. Where did I go wrong? Please notify that the color is updated (to green) when the link state changed to visited while the text-decoration stays the same (see. Demo #1); Note: There is a bug report for the Mozilla about the same issue:

How would I negate or remove a parents text-decoration style? For example in the following, both the text and the anchor have a text-decoration of line-through, is there a way to not have that applied to the anchor tag? <span style="text-decoration:line-through;"> Dead Text <a href="#" style="text-decoration:underline;color:Red;">Not Dead Text</a> </span> NOTE: wrapping the inner text in a span isn't an easy option with what I have so I'm looking for a solution based on the css styles if possible. Potherca The following line in the accepted answer is incorrect: Any text decoration setting on a

Recently I answered a question and the OP wanted text-decoration: underline; for the entire text wrapped inside the a element, but not the one wrapped inside span , so it was something like this <a href="#"><span>Not Underline</span>Should Be Underlined</a> So simply giving span { text-decoration: none; } doesn't remove the underline for the text wrapped inside a span element But this does remove the underline span { text-decoration: none; display: inline-block; } So I made the span an inline-block and it worked, which is how I usually do it. But when it came to explanation I was not able to

I have a set of styled links using the :before to apply an arrow. It looks good in all browser, but when I apply the underline to the link, I don't want to have underline on the :before part (the arrow). See jsfiddle for example: http://jsfiddle.net/r42e5/1/ Is it possible to remove this? The test-style I sat with #test p a:hover:before does get applied (according to Firebug), but the underline is still there. Any way to avoid this? #test { color: #B2B2B2; } #test p a { color: #B2B2B2; text-decoration: none; } #test p a:hover { text-decoration: underline; } #test p a:before { color: #B2B2B2;

I'm using string builders to append text to my JTextPane, I've set content type as pane.setContentType("text/html"); but the no text actually appears on my JTextPane. This is an example of my append: buildSomething.append("<b style=\"color:pink\">"+Birthday+"</span>"); Is there something I'm doing severely wrong? And how do I go about fixit it? Every time JTextPane.setText(...) is called a new content type is determined. Start the text with "<html>" and you've got HTML. A new document is created, in your case HTMLDocument. @mKorbel: the following creates every time HTML for the JTextPane.