Forums

# XUL CSS text-decoration: underline; problem

Envoyé par : xul-vipz

Date : 11/02/2008 16:25

Since this is the most active XUL forum on the web, I hope you don't mind asking my XUL questions over here. Unfortunately, I don't speak French (only Dutch and English), so I hope you still want to help me with my questions.

I searched your forum and did some translating with http://babelfish.altavista.com/ but I didn't yet find an answer.

My problem is as following:

This works fine (blinking text):

<?xml version="1.0"?>
<?xml-stylesheet href="chrome://global/skin" type="text/css"?>
<window title="test01.xul" xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">

 <label style="color: red;text-decoration: blink">ERROR</label>

</window>

This doesn't (underlined text):

<?xml version="1.0"?>
<?xml-stylesheet href="chrome://global/skin" type="text/css"?>
<window title="test01.xul" xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">

 <label style="color: red;text-decoration: underline">ERROR</label>

</window>

Also using "!important" makes no difference.

I searched through the default Chrome CSS styles and bindings, but I can't discover why 'text-decoration: underline' doesn't work.

(I tried this in Firefox 2.0.0.12)

So, anyone got a clue?

# Re: XUL CSS text-decoration: underline; problem

Envoyé par : efdur

Date : 11/02/2008 18:54

Hi xul-vipz,

It is testing:

<?xml version="1.0"?>
<?xml-stylesheet href="chrome://global/skin" type="text/css"?>
<?xml-stylesheet href="my css.css" type="text/css"?>
<window title="test01.xul" xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
<label style="color: red;text-decoration: underline">ERRORunderline</label>
<label style="color: red;text-decoration: blink">ERRORblink</label>
<label class="my_class_underline" value="ok_underline"/>
</window>

and the CSS:(my css.css)

.my_class_underline {
  color: red;
  text-decoration: underline;
}

# Re: XUL CSS text-decoration: underline; problem

Envoyé par : xul-vipz

Date : 11/02/2008 20:31

I tried your example, but "ok_underline" is rendered in black text and has no underline. I tried this in FF2.0.0.12 and FF3b2.

"ERRORunderline" is in red but has no underline. "ERRORblink" is in red and blinks.

# Re: XUL CSS text-decoration: underline; problem

Envoyé par : efdur

Date : 12/02/2008 00:28

Yes, but if you do:

<label style="color: red;text-decoration: underline" value="ERROR_is_Underline"/>

# Re: XUL CSS text-decoration: underline; problem

Envoyé par : xul-vipz

Date : 12/02/2008 10:16

Ok, that's strange, seems like a consistency problem:

<?xml version="1.0"?>
<?xml-stylesheet href="chrome://global/skin" type="text/css"?>
<?xml-stylesheet href="mycss.css" type="text/css"?>
<window title="test01.xul" xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
 <groupbox>
  <caption label="Underline problem"/>
  <label style="color: red;text-decoration: underline">Text as element content: underline doesn't work.</label>
  <label style="color: red;text-decoration: underline" value="Text as an element attibute: underline works!"/>
 </groupbox>

 <groupbox>
  <caption label="Blink problem"/>
   <label style="color: red;text-decoration: blink">Text as element content: blink works!</label>
   <label style="color: red;text-decoration: blink" value="Text as an element attribute: blink doesn't work."/>
  </groupbox>
</window>

Underline can not be applied to text that is content of an element and blink can not be applied to text that is an attribute of an element.... strange... all with the same CSS property with different values.

Forums : Xul, Xbl, JS...

# XUL CSS text-decoration: underline; problem

# Re: XUL CSS text-decoration: underline; problem

# Re: XUL CSS text-decoration: underline; problem

# Re: XUL CSS text-decoration: underline; problem

# Re: XUL CSS text-decoration: underline; problem