'Bug#35069: CSS-Problem'

[prev in list] [next in list] [prev in thread] [next in thread] 

List:       konq-bugs
Subject:    Bug#35069: CSS-Problem
From:       Vadim Plessky <lucy-ples () mtu-net ! ru>
Date:       2001-11-21 9:03:45
[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>

_______________________________________________
Konq-bugs mailing list
Konq-bugs@mail.kde.org
http://mail.kde.org/mailman/listinfo/konq-bugs

[prev in list] [next in list] [prev in thread] [next in thread] 