Habari Xenu CSS "chrome" - element problem

(See http://habarixenu.mozdev.org for info on HX. It's an RSS reader.)

I've customized this addon to look exactly the way I'd like, but can't
seem to get the "content:after" pseudo-element to work for visited
links. Aware of CSS "heritability" (elements must be presented in a
certain logical order, or else the whole thing falls apart like a
house of cards), I'll post the entire file (~150 lines, including
comments) if requested. Until then, here's a relevant chunk:

******* CODE FOLLOWS *******

..hx-headline {

border-bottom: 1px solid #ddd !important;
color: #000 !important;
display: block !important;
font-family: Trebuchet MS, arial, verdana, sans-serif !important;
font-size: 20px !important;
font-weight: normal !important;
min-height: 1.3em !important;
padding: 14px 0 0 0 !important;
}

..hx-headline a {

color: #000;
text-decoration: none;
}

..hx-headline a:visited:after { content: " (finished)"; }

******* END CODE *******

For what it's worth, even the ".hx-headline a" doesn't have any effect
either (tried changing the color to red -- #f00 -- but that didn't
work. I adapted this code from "Mozilla" at sage.mozdev.org.
Everything works perfectly, exactly the look I want, except for this
one thing.

By the way, I use (Mozilla) Seamonkey, not Firefox, so Sage won't work
for me.
zara [ Do, 27 Dezember 2007 05:50 ] [ ID #1894635 ]

Re: Habari Xenu CSS "chrome" - element problem

"zara" <antiphrasist [at] yahoo.com> wrote in message
news:ac44cf7f-99e7-4698-af33-43d4321579e7 [at] i29g2000prf.google groups.com...
> (See http://habarixenu.mozdev.org for info on HX. It's an RSS reader.)
>
> house of cards), I'll post the entire file (~150 lines, including
> comments) if requested. Until then, here's a relevant chunk:

Post the URL.

--
Richard.
rf [ Do, 27 Dezember 2007 06:30 ] [ ID #1894636 ]

Re: Habari Xenu CSS "chrome" - element problem

Well bust mah britches and call me cheeky, on Thu, 27 Dec 2007 04:50:38
GMT zara scribed:

> I've customized this addon to look exactly the way I'd like, but can't
> seem to get the "content:after" pseudo-element to work for visited
> links. Aware of CSS "heritability" (elements must be presented in a
> certain logical order, or else the whole thing falls apart like a
> house of cards), I'll post the entire file (~150 lines, including
> comments) if requested. Until then, here's a relevant chunk:
>
> ******* CODE FOLLOWS *******
>
> .hx-headline {
>
> border-bottom: 1px solid #ddd !important;
> color: #000 !important;
> display: block !important;
> font-family: Trebuchet MS, arial, verdana, sans-serif !important;
> font-size: 20px !important;
> font-weight: normal !important;
> min-height: 1.3em !important;
> padding: 14px 0 0 0 !important;
> }
>
> .hx-headline a {
>
> color: #000;
> text-decoration: none;
> }
>
> .hx-headline a:visited:after { content: " (finished)"; }
>
> ******* END CODE *******
>
> For what it's worth, even the ".hx-headline a" doesn't have any effect
> either (tried changing the color to red -- #f00 -- but that didn't
> work. I adapted this code from "Mozilla" at sage.mozdev.org.
> Everything works perfectly, exactly the look I want, except for this
> one thing.
>
> By the way, I use (Mozilla) Seamonkey, not Firefox, so Sage won't work
> for me.

I dunno, you may simply need to change to:

..hx-headline a:link {

color: #000;
text-decoration: none;
}

(Notice the ":link".)

--
Neredbojias
Riches are their own reward.
Neredbojias [ Do, 27 Dezember 2007 06:44 ] [ ID #1894637 ]

Re: Habari Xenu CSS "chrome" - element problem

On Dec 27, 12:30 am, "rf" <r... [at] invalid.com> wrote:

> Post the URL.
>
> --
> Richard.

http://www.jeffntina.com/habarixenucustom1.css

Thanks in advance --
zara [ Do, 27 Dezember 2007 06:44 ] [ ID #1894638 ]

Re: Habari Xenu CSS "chrome" - element problem

In article
<68134706-b171-45ff-ba6b-fa235d078cca [at] c4g2000hsg.googlegroups.com
>,
zara <antiphrasist [at] yahoo.com> wrote:

> On Dec 27, 12:30 am, "rf" <r... [at] invalid.com> wrote:
>
> > Post the URL.
> >
> > --
> > Richard.
>
> http://www.jeffntina.com/habarixenucustom1.css
>
> Thanks in advance --

That is not what what was meant. A URL to a live webpage, this
way everyone can see everything including the css.

--
dorayme
dorayme [ Do, 27 Dezember 2007 06:54 ] [ ID #1894639 ]

Re: Habari Xenu CSS "chrome" - element problem

On Dec 27, 12:44 am, Neredbojias <monstersquas... [at] yahoo.com> wrote:
> I dunno, you may simply need to change to:
>
> .hx-headline a:link {
>
> color: #000;
> text-decoration: none;
>
> }
>
> (Notice the ":link".)
>
> --
> Neredbojias
> Riches are their own reward.

Thought about that, and I did try it, but no luck. Very strange.

I also tried adding "div.hx-headline" etc., and then ":visited:after",
"a:visited:after", and so on, and every imaginable combination
thereof, in a desperate attempt to stumble into the light switch in
the dark.

Grrrrr ...

I'd guess that this pseudo-element isn't compatible with my browser
(Seamonkey 1.1.4), except that when I go to sage.mozdev.org/styles and
click on the "Mozilla" style, visit one of the links, return and
reload, *bang*, it works there. Go figure ...
zara [ Do, 27 Dezember 2007 06:59 ] [ ID #1894640 ]

Re: Habari Xenu CSS "chrome" - element problem

On Dec 27, 12:54 am, dorayme <doraymeRidT... [at] optusnet.com.au> wrote:
> That is not what what was meant. A URL to a live webpage, this
> way everyone can see everything including the css.
>
> --
> dorayme

Right. Unfortunately, Habari Xenu is a Mozilla/Firefox extension,
customizable via CSS. I'd embed it into my personal web page (a la
"Sage" at mozdev) if I knew how, but ... alas.
zara [ Do, 27 Dezember 2007 07:04 ] [ ID #1894641 ]

Re: Habari Xenu CSS "chrome" - element problem

In article
<4623fa73-60ee-4d92-a9ce-e0c8e75c334d [at] x29g2000prg.googlegroups.co
m>,
zara <antiphrasist [at] yahoo.com> wrote:

> On Dec 27, 12:54 am, dorayme <doraymeRidT... [at] optusnet.com.au> wrote:
> > That is not what what was meant. A URL to a live webpage, this
> > way everyone can see everything including the css.
> >
> > --
> > dorayme
>
> Right. Unfortunately, Habari Xenu is a Mozilla/Firefox extension,
> customizable via CSS. I'd embed it into my personal web page (a la
> "Sage" at mozdev) if I knew how, but ... alas.

Perhaps I am not concentrating? Are you saying you do not know
how to upload a test case html doc up to a public server so that
you can ask how to get some feature that is not working and can
be seen not to be working working? I can help you. But I am not
going off on a wild goose chase if this is not what you are
saying. <g>

--
dorayme
dorayme [ Do, 27 Dezember 2007 07:27 ] [ ID #1894642 ]

Re: Habari Xenu CSS "chrome" - element problem

On Dec 27, 1:27 am, dorayme <doraymeRidT... [at] optusnet.com.au> wrote:

> Are you saying you do not know
> how to upload a test case html doc up to a public server so that
> you can ask how to get some feature that is not working and can
> be seen not to be working working?
>
> --
> dorayme

Here ya go ...

http://jeffntina.com/hx-test.htm

Now, if I get rid of the anchor, and just leave it as:

..hx-headline:after {

color: #f00 !important;
content: " (visited)" !important;
font-size: 12px;
}

it works. Squeeze in "a:visited" and it breaks.
zara [ Fr, 28 Dezember 2007 00:12 ] [ ID #1894661 ]

Re: Habari Xenu CSS "chrome" - element problem

In article
<5abba24b-2681-4777-be24-4e61e5a5a6fd [at] f53g2000hsg.googlegroups.co
m>,
zara <antiphrasist [at] yahoo.com> wrote:

> On Dec 27, 1:27 am, dorayme <doraymeRidT... [at] optusnet.com.au> wrote:
>
> > Are you saying you do not know
> > how to upload a test case html doc up to a public server so that
> > you can ask how to get some feature that is not working and can
> > be seen not to be working working?
> >
> > --
> > dorayme
>
> Here ya go ...
>
> http://jeffntina.com/hx-test.htm
>
> Now, if I get rid of the anchor, and just leave it as:
>
> .hx-headline:after {
>
> color: #f00 !important;
> content: " (visited)" !important;
> font-size: 12px;
> }
>
> it works. Squeeze in "a:visited" and it breaks.

Gosh, I think that is the first stylesheet I have ever seen where
everything is so !important.

I know that if you uncomment your:

..hx-headline:hover {
color: #EF7314 !important;
text-decoration: underline !important;
}

the hover effect then works in both my Safari and FF but not
otherwise. But I cannot penetrate your css for now, sorry.

--
dorayme
dorayme [ Fr, 28 Dezember 2007 00:50 ] [ ID #1895414 ]

Re: Habari Xenu CSS "chrome" - element problem

In article
<doraymeRidThis-A2E5F1.10500028122007 [at] news-vip.optusnet.com.au>,
dorayme <doraymeRidThis [at] optusnet.com.au> wrote:

> In article
> <5abba24b-2681-4777-be24-4e61e5a5a6fd [at] f53g2000hsg.googlegroups.co
> m>,
> zara <antiphrasist [at] yahoo.com> wrote:
>
> > On Dec 27, 1:27 am, dorayme <doraymeRidT... [at] optusnet.com.au> wrote:
> >

I meant to add that if you must use XHTML, I would have thought
that:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>

would be what you would have at top.

You have:

<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

I think this confuses the validators, maybe your browser too?

You need to look into these errors too:

Document type doesn't permit attribute ³target² within element
³<a>².
Document type doesn't permit attribute ³clear² within element
³<br>².

--
dorayme
dorayme [ Fr, 28 Dezember 2007 00:58 ] [ ID #1895416 ]

Re: Habari Xenu CSS "chrome" - element problem

On Dec 27, 6:58 pm, dorayme <doraymeRidT... [at] optusnet.com.au> wrote:
> You have:
>
> <?xml version=3D"1.0"?>
> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
>
> <html xmlns=3D"http://www.w3.org/1999/xhtml">
>
> I think this confuses the validators, maybe your browser too?
>
> You need to look into these errors too:
>
> Document type doesn't permit attribute =B3target=B2 within element
> =B3<a>=B2.
> Document type doesn't permit attribute =B3clear=B2 within element
> =B3<br>=B2.
>
You asked me to dummy up a page to look like what's shown in Habari
Xenu, so I did that. I have a habit of writing everything in XHTML,
but Habari Xenu doesn't even have so much as a <doctype> declaration.
When you view the source of the right-hand (content) frame, the first
thing you see is this:

<HTML><HEAD>
<TITLE>Reason Magazine - Hit & Run</TITLE>
<link rel=3D'stylesheet' type=3D'text/css' href=3D'chrome://habarixenu/skin/=

display.css'>
<META HTTP-EQUIV=3D'Content-Type' CONTENT=3D'text/html; charset=3Dutf-8'>
<BASE HREF=3D'http://www.reason.com/blog'>
</HEAD>
<BODY onload=3D'return false;'>
<div class=3D'hx-header'>

etc.

The target=3D"_blank" is generated by HX, as is the br clear=3D"all" (I
don't even know what that's supposed to do).

By the way, I agree with you that not everything's as !important as
the original author of that stylesheet seemed to feel, so yeah, I'll
probably delete most of that.
zara [ Fr, 28 Dezember 2007 01:16 ] [ ID #1895418 ]
Miscellaneous » alt.html » Habari Xenu CSS "chrome" - element problem

Vorheriges Thema: Starting a blog - what do I do about feeds?
Nächstes Thema: Creating a feedback form in html