Re: [css-d] text-decoration
Bob Meetin wrote:
See: sample link at:
www.dottedi.biz/codesamples/misc/text-decoration.html
I'm wondering why I cannot seem to override the natural link underline
by using a span setting text-decoration to none as in:
a href=http://www.mysite.com; target=_newMysite.com span
style=text-decoration: none; - Service and Repair of Broken and
damaged HTML code/span
Basically I want the Service and Repair to not be underlined. Seems
pretty simple but...
Hi
The text is underlined because it's an anchor (link). So your style
needs to be on the anchor.
In-line styles are usually a really bad idea, by the way. Much better
to use a stylesheet, something like this (off the top of my head):
a.service {
text-decoration: none;
}
And then in your HTML:
a class=service href=http://www.mysite.com; ...Service and Repair
... /a
Something like that anyway.
You'll also need to think about how to indicate to your users that it's
a link.
Cheers
Peter
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] text-decoration
Except that the question was not answered. I want _Mysite.com_ to be
underlined and the second part, which is still part of the hyperlink,
Service and Repair of Broken and damaged HTML code to not be underlined
whether I do this via the stylesheet or inline style. Not underlining
the link makes it more legible particularly when the descriptive text is
long.
Doing this in the opposite direction will work using a stylesheet or
inline style:
the CSS:
a { text-decoration: none }
a span {text-decoration: underline; }
a href=http://www.mysite.com;
target=_newspanwww.mysite.com/span - Service and Repair of Broken
and damaged HTML code/a
Peter Bradley wrote:
Bob Meetin wrote:
See: sample link at:
www.dottedi.biz/codesamples/misc/text-decoration.html
I'm wondering why I cannot seem to override the natural link
underline by using a span setting text-decoration to none as in:
a href=http://www.mysite.com; target=_newMysite.com span
style=text-decoration: none; - Service and Repair of Broken and
damaged HTML code/span
Basically I want the Service and Repair to not be underlined. Seems
pretty simple but...
Hi
The text is underlined because it's an anchor (link). So your style
needs to be on the anchor.
In-line styles are usually a really bad idea, by the way. Much better
to use a stylesheet, something like this (off the top of my head):
a.service {
text-decoration: none;
}
And then in your HTML:
a class=service href=http://www.mysite.com; ...Service and Repair
... /a
Something like that anyway.
You'll also need to think about how to indicate to your users that
it's a link.
Cheers
Peter
--
Bob Meetin
dotted i - Internet Strategies Solutions
www.dottedi.biz
303-926-0167
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] text-decoration
On Fri, Mar 21, 2008 at 11:20 AM, Bob Meetin [EMAIL PROTECTED] wrote:
Doing this in the opposite direction will work using a stylesheet or
inline style:
Exactly, and you should approach it in the opposite direction in your case.
a href=#emMySite.com/em - Service and Repair of Broken and
damaged HTML code/a
a { text-decoration: none; }
a em { font-style: normal; text-decoration: underline; }
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
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/
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/
Re: [css-d] text-decoration
On 04/01/07, Steve LaBadie [EMAIL PROTECTED] wrote: text-decoration: none; doesn't work in FF? Indeed it does, as a CSS declaration. Do you have an example of what you are referring to? -- Cheers, Sasha __ 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 help
Angus at InfoForce Services wrote: Donna Sorry. My screen reader is not seeing the underline, well, it's there (lots of it) - for example Position in the Adaptive Technology field is underlined in both Firefox 1.0.7 and IE6 windows What's your screen reader and are you sure you haven't somehow reset its defaults to not show underlines? Donna __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Text decoration help
Angus at InfoForce Services wrote: Donna I do not know what is wrong with my JAWS. I am tryingt to figure out why underlineing is not being spoken. I am not all that familiar with JAWS, but would it speak underlined if the text isn't a link? Donna __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Text decoration help
Angus,
Try CSS something like..
.shout-it { font-weight: 900; text-decoration: underline; }
Then html like:
p class=shout-itThis is bold underline/p
Using em as a class or id name is probably a bad idea.
Jim
On 11/25/05, Angus at InfoForce Services [EMAIL PROTECTED]
wrote:
In my style sheet, I have:
em {
font-weight: 900;
text-decoration: underline;
}
And the text between the em/em appears as bold italic and not bold
underline. Anyone now why?
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Text decoration help
Using em as a class or id name is probably a bad idea.
the person isn't using as a class name, but rather, redefining the em
appearance so that when they use emmy text here/em, it uses the
properties given.
em {
font-weight: 900;
text-decoration: underline;
}
but that says nothing about why their text is appearing bold italic
instead of bold underline...
my guess is that A) you've somewhere set up text-decoration:none (is
your text a link?) and B) em appears italic by default - to void that,
you must set some other value for the font-style, as in
font-style: normal;
HTH, but for more specifics, you'd need to provide a link to the page.
Donna
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Text decoration help
em is a tag that semantically implies emphasis
If your CSS does not get applied, the default rendering of the em tag should
still provide
emphasis, while the p tag with a class does not have the same implicit meaning.
font-style controls italics
text-decoration controls underline
does this work?:
em { font-weight: 900; font-style: normal; text-decoration: underline; }
On Fri, 25 Nov 2005 13:57:04 -0800
Jim Davis [EMAIL PROTECTED] wrote:
Angus,
Try CSS something like..
.shout-it { font-weight: 900; text-decoration: underline; }
Then html like:
p class=shout-itThis is bold underline/p
Using em as a class or id name is probably a bad idea.
Jim
On 11/25/05, Angus at InfoForce Services [EMAIL PROTECTED]
wrote:
In my style sheet, I have:
em {
font-weight: 900;
text-decoration: underline;
}
And the text between the em/em appears as bold italic and not bold
underline. Anyone now why?
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
__
This message was scanned by ATX
4:57:49 PM ET - 11/25/2005
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Text decoration help
From: Angus at InfoForce Services
In my style sheet, I have:
em {
font-weight: 900;
text-decoration: underline;
}
And the text between the em/em appears as bold italic and not bold
underline. Anyone now why?
Angus,
For most browsers, italic text is what you get by default when you use the em
element. If you do not want italic text, you'll need to add - font-style:
normal; - to your declarations.
font-weight: 900; - means that the browser should make the font as bold as
possible. I assume this is what you want.
As for why the text-decoration isn't showing up, I can only guess without links
to the page and CSS, but I'm thinking that something more specific in your
style sheet says - text-decoration: none; - and overrides your simple selector
for the em element.
Holly
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Text Decoration Problem
On 26 Jul 2005, at 6:28 am, Scott Taylor wrote:
#right_nav ul li {
text-decoration: underline;
}
#right_nav ul li ul li {
text-decoration: none;
}
In Firefox, all li elements, including the second ordered list, become
underlined. In IE 6., only the first ordered list elements become
underlined (as I would like them to be).
How can I fix this? What am I doing wrong?
Here is the HTML:
http://www.miningstocks.com/testing_server/newindex2.php
The second level list-items are still wrapped within the parent li. The
text-decoration you see in good browsers like Opera, Firefox, Safari
and IE Mac is the text-decoration applied to the top level li.
very much simplified, you have this
div some text span some other text/span and yet some more
text/div
div {text-decoration:underline; color black}
span {text-decoration:none; color:red;}
The span will still have a black coloured text-decoration.
You gonna have to wrap the text-node of the toplevel li in a span,
and style that.
lispantext/span
ullitext/li/li/ul
/li
Philippe
---
Philippe Wittenbergh
http://emps.l-c-n.com/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
