Re: [css-d] Text-Decoration on Table Caption
On Sat, 12 May 2007, Francesco Rizzi wrote:
I'm setting the text-decoration to underline for a table caption,
and it doesn't seem to get underlined in Firefox (v.2.0.0.2).
Looks like a browser bug. For some odd reason, Firefox seems to ignore
text-decoration for a caption element.
As a workaround, you could use one of the following:
1) use a span element inside the caption element and set make the
span underlined
2) caption:first-line { text-decoration: underiine; }
(naturally assuming the caption fits into one line, as it should)
3) caption { border-bottom: solid 1px; }
(not really underline but similar, and occupies the full width of the
caption, which is the same as the table width, so perhaps not what you
want).
On the other hand, underlining anything but a link involves a risk of
confusion with links. A table caption might be better highlighted e.g. by
bolding or using a suitable background color.
--
Jukka Yucca Korpela, http://www.cs.tut.fi/~jkorpela/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Text-Decoration on Table Caption
Hello list.
I've hit an odd ball. Maybe it's a known fact, maybe it's a browser-specific
problem.
If anyone can enlighten me, I'll be happy.
I'm setting the text-decoration to underline for a table caption,
and it doesn't seem to get underlined in Firefox (v.2.0.0.2).
Here's a basic example:
!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//EN
http://www.w3.org/TR/html4/strict.dtd;
html
head
titleSample: Home/title
style type=text/css
.DataTable caption
{
background-color: #f00;
text-decoration: underline;
}
/style
/head
body
table class=DataTable
captionCaption/caption
thead
tr
tdThead Cell/td
/tr
/thead
tfoot
tr
tdTfoot cell/td
/tr
/tfoot
tbody
tr
tdTBody cell/td
/tr
/tbody
/table
/body
/html
I've set the background to red just to make sure that the rule for the
DataTable class is being used.
In IE 7 the caption gets underlined (all right, that's cool to know, but it
doesn't make me
feel any better.. it just might happen* to work but it doesn't mean it
*should* ).
Any suggestions ?
Thanks in advance,
F.O.R.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Text-Decoration on Table Caption
- Original Message -
From: Francesco Rizzi [EMAIL PROTECTED]
Subject: [css-d] Text-Decoration on Table Caption
Hello list.
I've hit an odd ball. Maybe it's a known fact, maybe it's a
browser-specific
problem.
If anyone can enlighten me, I'll be happy.
I'm setting the text-decoration to underline for a table caption,
and it doesn't seem to get underlined in Firefox (v.2.0.0.2).
Here's a basic example:
!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//EN
http://www.w3.org/TR/html4/strict.dtd;
html
head
titleSample: Home/title
style type=text/css
.DataTable caption
{
background-color: #f00;
text-decoration: underline;
}
/style
/head
body
table class=DataTable
captionCaption/caption
/table
/body
/html
I've set the background to red just to make sure that the rule for the
DataTable class is being used.
In IE 7 the caption gets underlined (all right, that's cool to know, but
it
doesn't make me
feel any better.. it just might happen* to work but it doesn't mean it
*should* ).
Any suggestions ?
Thanks in advance,
F.O.R.
05/12/2007
Francesco:
What about adding a meta tag for character encoding, UTF-8, etc.? Probably
not the issue, but worth a try. Also, if you add the uCaption/u tags, it
will underline in FF2.0.0.3. Time to get my books out.
Cheers,
Peter
www.fatpawdesign.com
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Text-Decoration on Table Caption
On May 13, 2007, at 2:49 AM, Francesco Rizzi wrote: I've hit an odd ball. Maybe it's a known fact, maybe it's a browser- specific problem. If anyone can enlighten me, I'll be happy. I'm setting the text-decoration to underline for a table caption, and it doesn't seem to get underlined in Firefox (v.2.0.0.2). It is a known bug in Gecko browsers [1]. If the text-decoration is absolutely vital, wrap the contents of caption in a span and apply the text decoration to the span. Otherwise, I'd live with it. Other browsers do display the text- decoration correctly. [1] https://bugzilla.mozilla.org/show_bug.cgi?id=202930 Philippe --- Philippe Wittenbergh http://emps.l-c-n.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Text-Decoration on Table Caption
On 5/12/07, Philippe Wittenbergh [EMAIL PROTECTED] wrote: It is a known bug in Gecko browsers [1]. If the text-decoration is absolutely vital, wrap the contents of caption in a span and apply the text decoration to the span. Otherwise, I'd live with it. Other browsers do display the text- decoration correctly. [1] https://bugzilla.mozilla.org/show_bug.cgi?id=202930 Thanks Philippe, and Peter. A confirmed bug puts a little rest to my mind. F.O.R. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
