[prev in list] [next in list] [prev in thread] [next in thread]
List: kde-bugs-dist
Subject: Bug#35069: CSS-Problem
From: Vadim Plessky <lucy-ples () mtu-net ! ru>
Date: 2001-11-21 9:04:03
[Download RAW message or body]
On Tuesday 20 November 2001 21:51, Oliver Strutynski wrote:
| From the CSS-1 Spec:
|
| "User agents commonly display newly visited anchors differently from
| older ones. In CSS1, this is handled through pseudo-classes on the 'A'
| element:
|
| A:link { color: red } /* unvisited link */
| A:visited { color: blue } /* visited links */
| A:hover { color: lime } /* active links */
|
| All 'A' elements with an 'HREF' attribute will be put into one and only
| one of these groups (i.e. target anchors are not affected)."
|
| With no css target anchors are not highlighted. Correct.
| With a stylesheet defining attributes for A:hover, KHTML uses these
| attributes for target anchors, showing the wrong rendering as described
| in the initial bug report. This is only the case for A:hover, active,
| visited and link work as expected.
|
| Test case below.
|
Hi Oliver, and original bug reporter!
I am afraid you are wrong in your analysis.
Please consider testcase below.
1) 'name' attribute is depreciated, you should not use it in HTML - use 'id'
instead
2) my testcase is displayed correctly by Konqueror (and wrongly by
Opera5/Linux and Mozilla 0.9.5/Galeon 0.12.6)
Mozilla and Opera display lats 2 anchors (links) as Blue on White, while only
Konq displays it Red on Black (as requetsed for *link*)
So, most likely you should file bug report for Mozilla.
I am cc'ing one Mozilla expert in this mail, may be he can comment on Mozilla
rendering. Boris, what do you think about this testcase and Mozilla's
rendering?
- - -
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Test 35069</title>
<style type="text/css">
body { font-family: Arial,Helvetica,Geneva,sans-serif;
font-size:11pt }
a { font-family: "Times New Roman",Times,serif; }
a:link { color: #dd0000; background-color: #000000 }
a:visited { color: #555555; text-decoration:none }
a:hover { color: orange; background-color: rgb(2,88,49) }
a:active { color: #dd0000; background-color: #0000ff }
a#time:hover { color: lime; background-color: navy }
a#tim2:link { color: green; background-color: white }
a#tim2:hover { color: lime; background-color: navy }
</style>
</head>
<body>
<p>following link doesn't have href='...' link, only anchor (a id='...'):
<a id="time">This text is displayed in Black on a White background, and
highlighted on mouseOver with Lime color and Navy background</a>
</p>
<p>This anchor has href='...' link:
<a id="tim2" href="dummy">This text is displayed in Green on a White
background, and highlighted on mouseOver with Lime color and Navy
background</a>
</p>
<p>
<a href="http://www.yoursite.org">This link is displayed
in Red on a Black background, and highlighted on mouseOver with Orange color
on rgb(2,88,49) background </a>
</p>
<p>Visited link: <a href="#">this link point out to document itself</a>
</p>
</body>
</html>
--
Vadim Plessky
http://kde2.newmail.ru (English)
33 Window Decorations and 6 Widget Styles for KDE
http://kde2.newmail.ru/kde_themes.html
KDE mini-Themes
http://kde2.newmail.ru/themes/
["a-anchor-link-2.html" (text/html)]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Test 35069</title>
<style type="text/css">
body { font-family: Arial,Helvetica,Geneva,sans-serif;
font-size:11pt }
a { font-family: "Times New Roman",Times,serif; }
a:link { color: #dd0000; background-color: #000000 }
a:visited { color: #555555; text-decoration:none }
a:hover { color: orange; background-color: rgb(2,88,49) }
a:active { color: #dd0000; background-color: #0000ff }
a#time:hover { color: lime; background-color: navy }
a#tim2:link { color: green; background-color: white }
a#tim2:hover { color: lime; background-color: navy }
</style>
</head>
<body>
<p>following link doesn't have href='...' link, only anchor (a id='...'):
<a id="time">This text is displayed in Black on a White background, and highlighted \
on mouseOver with Lime color and Navy background</a> </p>
<p>This anchor has href='...' link:
<a id="tim2" href="dummy">This text is displayed in Green on a White background, and \
highlighted on mouseOver with Lime color and Navy background</a> </p>
<p>
<a href="http://www.yoursite.org">This link is displayed
in Red on a Black background, and highlighted on mouseOver with Orange color on \
rgb(2,88,49) background </a> </p>
<p>Visited link: <a href="#">this link point out to document itself</a>
</p>
</body>
</html>
[prev in list] [next in list] [prev in thread] [next in thread]
Configure |
About |
News |
Add a list |
Sponsored by KoreLogic