Unexpected CSS behaviour of navigation on links

17/03/2008, 11h48

L.S.,

For some strange reason that I can not understand, the behaviour I set
to the navigation on the left also works for my links, something I do
not want. On hovering over a link, the words change to bold and by
pressing on a link, it 'becomes' a white beam, while it should
redirect me to the refered link. I'm not a total newbie on CSS, but I
just can't figure out what is happening...

I must be doing something wrong, I hope you can point out my design
flaw. CSS and XHTML you can find below, to see the problem live please
go to www.kleurenblindheid.nl/kleuren/blog.shtml.

Thanks for your time!

KoosHopeloos

The CSS:
/* Kleurenblindheid.nl CSS-file Copyright JNvB 2007-2008 */

body {
text-align: center;
margin-top: 0px;
background-color: #000000;
font-family: verdana, tahoma, arial, sans-serif;
}

#container {
margin: 0px auto;
text-align: left;
width: 975px;
}

#headerrow {
height: 190px;
color: #ffffff;
}

#headerrow a {
margin: 0px;
padding: 0px;
background-color: transparent;
}

#logo {
float: left;
width: 200px;
}

#name {
float: left;
width: 565px;
}

#header3 {
float: left;
width: 200px;
}

#contentrow {
color: #ffffff;
}

#menu {
margin: 0px;
float: left;
width: 190px;
padding: 0px 10px 0px 0px;
list-style: none;
}

#links {
margin: 0px;
float: left;
width: 190px;
padding: 0px 0px 0px 10px;
background-color: #000000;
font-size: small;
}

#content {
margin: 0px;
padding: 0px 0px 10px 0px;
float: left;
height: 100%;
width: 565px;
}

#content a:hover, a:active {
color: #ffffff;
font-weight: normal;
text-decoration: underline;
}

#footerrow {
clear: left;
height: 60px;
color: #ffffff;
}

#counters {
margin: 0px;
float: left;
width: 200px;
padding: 0px 0px 0px 0px;
}

#footer {
margin: 0px;
float: left;
width: 565px;
border-top-style: solid;
border-top-width: 2px;
border-top-color: #ffffff;
text-align: center;
}

#totop {
margin: 0px;
float: left;
width: 190px;
padding: 0px 0px 0px 10px;
}

#totop a {
margin: 0px;
display: block;
color: #ffffff;
text-decoration: underline;
padding: 0px 0px 0px 10px;
}

#totop a:hover {
margin: 0px;
font-weight: bold;
color: #000000;
background-color: #ffffff;
padding: 0px 0px 10px 5px;
text-decoration: none;
}

#navigation {
margin: 0px;
padding: 0px;
list-style: none;
display: block;
}

/* DISPLAY INLINE REMOVES WHITE SPACING IE6 and IE7 */
#navigation ul {
}

#navigation li {
margin: 0px;
padding: 0px;
display: inline;
font-size: large;
}

#navigation a {
margin: 0px;
display: block;
text-decoration: none;
padding: 0px 0px 10px 10px;
font-size: large;
height: 100%;
}

#navigation a:hover, a:active {
display: block;
margin: 0px;
color: #000000;
font-weight: bold;
padding: 0px 0px 10px 5px;
background-color: #ffffff;
}

img {
border-style: none;
}

h1 {
font-size: x-large;
font-weight: bold;
text-align: center;
margin: 0px;
}

h2 {
font-size: large;
font-weight: bold;
text-align: center;
}

h3 {
font-size: medium;
font-weight: bold;
text-align: center;
}

p {
font-size: medium;
text-align: justify;
}

.extlinks {
margin: 0px;
padding: 0px;
font-size: small;
text-align: left;
}

.footertext {
font-size: small;
text-align: center;
}

a:link, a:visited, a:focus {
color: #ffffff;
text-decoration: underline;
}

a:hover, a:active {
color: #ffffff;
font-weight: bold;
text-decoration: underline;
}

.imgright {
float: right;
padding: 0px 0px 0px 10px;
}

.imgleft {
float: left;
padding: 0px 10px 0px 0px;
}

.imgcenter {
display: block;
margin: 0px auto;
}

.textleft {
text-align: left;
}

.textcenter {
text-align: center;
}

.textright {
text-align: right;
}

.textleftsmall {
text-align: left;
font-size: small;
}

.textcentersmall {
text-align: center;
font-size: small;
}

.textrightsmall{
text-align: right;
font-size: small;
}

.textsmall {
font-size: small
}

hr {
border: 1px solid #ffffff;
}

table {
margin: 0px;
padding: 0px;
width: 100%;
border: none;
text-align: left;
}

The XHTML:

<!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">
<head>

<title>Blog - Kleurenblindheid.nl</title>

<link rel="stylesheet" href="../css/kleurenblindheid_nl.css" />
<style type="text/css">

body.blog #navigation li#blog a {
margin: 0px;
color: #000000;
font-weight: bold;
padding: 0px 0px 10px 5px;
background-color: #ffffff;
border-top: 2px solid #000000;
border-bottom: 2px solid #000000;
cursor: text;
}

/* Start Blog CSS */

#header3 {
float: left;
width: 175px;
margin: 15px 0px 0px 25px;
}

.archiefblog {
font-size: small;
margin: 0px;
padding: 15px 0px 0px 15px;
}

.titleblog {
font-weight: bold;
text-align: center;
}

.byblog {
font-weight: bold;
font-size: small;
}

.quoteblog {
font-style: italic;
padding: 0px 30px;
}

.kroesjeblog {
border: 1px solid #ffffff;
float: left;
margin: 0px 10px 0px 0px;
}

/* End Blog CSS */

</style>

<meta http-equiv="content-type" content="text/html; charset=utf-8" /
>
<meta http-equiv="content-language" content="NL" />
<meta name="copyright" content="Copyright (c) JNvB 2003-2008. All
rights reserved." />

<meta name="author" content="J. N. van Bolhuis" />
<meta name="motto" content="Ego sum caecus coloribus" />
<meta name="keywords" content="kleurenblind, kleurenblindheid, test,
testen, kleurenblindtest, kleurenblindheidtest,
kleurenblindheidtesten, daltonisme" />
<meta name="description" content="De webblog van Kleurenblind -
Kleurenblindheid.nl" />
<meta name="generator" content="Dreamweaver MX" />
<meta name="distribution" content="global" />
<meta name="robots" content="index, follow, noarchive" />
<link rel="icon" href="/figuren/kleurenblindheid_nl.ico" type="image/
x-icon" />
<link rel="shortcut icon" href="http://www.kleurenblindheid.nl/
figuren/kleurenblindheid_nl.ico" type="image/x-icon" />

</head>
<body class="blog">

<div id="container">

<div id="headerrow">
<div id="logo">
<a href="start.shtml"><img src="../figuren/logo.jpg" alt="" /></a>
</div>

<div id="name">
<a name="to_top" id="to_top"><img src="../figuren/naam_blog.jpg"
alt="" /></a>
</div>

<div id="header3">
<img src="../figuren/tegeltje_blog.jpg" alt="" />
</div>
</div>

<div id="contentrow">
<div id="menu">
<ul id="navigation">
<li id="start"><a href="../kleuren/start.shtml">START</a></li>
<li id="geschiedenis"><a href="../kleuren/
geschiedenis.html">GESCHIEDENIS</a></li>
<li id="licht"><a href="../kleuren/licht.shtml">LICHT</a></li>

<li id="biologie"><a href="../kleuren/biologie.shtml">BIOLOGIE</
a></li>
<li id="genetica"><a href="../kleuren/genetica.html">GENETICA</
a></li>
<li id="evolutie"><a href="../kleuren/evolutie.html">EVOLUTIE</
a></li>
<li id="soorten"><a href="../kleuren/soorten.shtml">SOORTEN</a></
li>
<li id="testen"><a href="../kleuren/testen.shtml">TESTEN</a></li>
<li id="gastenboek"><a href="../cgi-bin/guestbook/
guestbook.cgi">GASTENBOEK</a></li>

<li id="nav_links"><a href="../kleuren/links.html">LINKS</a></li>
<li id="bibliografie"><a href="../kleuren/
bibliografie.shtml">BIBLIOGRAFIE</a></li>
<li> </li>
<li id="blog"><a href="blog.shtml">Blog</a></li>
<li id="software"><a href="../kleuren/software.shtml">Software</
a></li>
<li id="winkel"><a href="../kleuren/winkel.shtml">Boeken enzo</
a></li>
<li> </li>

<li id="contact"><a href="../kleuren/contact.shtml">Contact</a></li>
<li id="copyright"><a href="../kleuren/copyright.shtml">Copyright</
a></li>
</ul>
</div>

<div id="content">
<h1><em>'Ego sum caecus coloribus' ™</em></h1>
<p class="titleblog">
Anomaloscoop, de gouden standaard
</p>

<p class="byblog">
<em>Kleurenblinde</em>, 7 maart 2008, Algemeen:
</p>
<p>
De Ishihari kleurenblindheid-test klinkt menigeen bekend in de
oren. Het is een van de vele verschillende testen die beschikbaar zijn
om te
bepalen of je en in welke mate je kleurenblind bent. Onbekend, maar
niet onbemind is 'gouden standaard' van de kleurenblindheid-testen:
de <strong>anomaloscoop</strong>.
</p>
<p>
De anomaloscoop is uitgevonden in 1907 door de Duitse ophthalmoloog
en physioloog Willibald A. Nagel (1) en kan bepalen of iemand
rood/groen-kleurenblind is. Je kijkt met een oog door een buis waar
aan het einde een vlak in twee delen bestaat. Het bovenste gedeelte is
geel
gekleurd en het is de bedoeling onderste vlak van dezelfde kleur
geel te voorzien door rood en groen licht te mengen. Een rood/groen
kleurenblinde
zal een andere verhouding van rood en groen mengen vergeleken met
normaal kleurenzienden. Charles Williams, een docter uit Boston
U.S.A., heeft
net voor de 1ste wereld oorlog de kans om anomaloscoop te gebruiken
(2). Hij beschrijft theoretisch en technisch uitgebreid hoe het
apparaat
werkt en hoe je het beste een kleurenblindheid test kan afnemen,
een voorbeeld:
</p>

<p>
<img src="../figuren/blog/anomaloscope.jpg" alt=""
class="imgright" />
<em>"The principle of the instrument depends on the fact shown by
Rayleigh that, when a normal eye looks at a colored field of which one
half is
uniformly lighted by a pure yellow light from about the sodium
line, and the other half by a mixture of red from about the lithium
line and a
green from about the thallium line, there will be found a certain
mixture of the red and green which gives a yellow that cannot be
distinguished
from the yellow of the sodium light when the intensity of the
sodium light is adjusted to a certain brightness. Such a normal eye
cannot make a
match between the pure yellow and the mixture of red and green by
any change in the brightness of the yellow whenever the proportion of
red or
green in the mixture is so great as to give the mixture a red or
green color, but the eye which is defective in its color sense will be
able to
make such a match by changing the brightness of the yellow.</
em>" (2)
</p>
<p>
In 1948 beschrijft de Duitse natuurkundige Manfred Richter dat
kleurenblindheid een varieert gedurende de seizoenen. Het lijkt erop
dat in
de zomer er meer rood licht bijgemengd moet worden. Voor dit
onderzoek gebruikt hij een Nagel anomaloscoop. En daarin blijkt later
de
oplossing te liggen. In een artikel in Nature (3) laten
onderzoekers weten dat de variatie naar alle waarschijnlijkheid
veroorzaakt
wordt doordat de anomaloscoop erg gevoelig is voor de
omgevingstemperatuur.
</p>
<p class="textleftsmall">
(1) Nagel, W.A. (1907) <em>Zwei Apparate für die Augenärzliche
Funktionsprüfung. Adaptometer und kleines Spektralphotometer
(Anomaloskop)</em>. Zeitschrift für Augenheilkunde, 17: 201-22.<br />

(2) Williams, C.H. (1915) <em>Nagel's Anomaloscope for Testing
Color Vision.</em> Trans Am Ophthalmol Soc, 14(Pt 1): 161-5 <a
href="http://www.pubmedcentral.nih.gov/articlerender.fcgi?
tool=pubmed&pubmedid=16692335">link</a><br />
(3) Jordan, D. (1993) <em>The Nagel anomaloscope and seasonal
variation of colour vision</em> Nature, 363: 546-549 <a href="http://
www.nature.com/nature/journal/v363/n6429/abs/363546a0.html">link</a>
</p>
</div>

<div id="links">
<p class="archiefblog">
Reageer via <a href="../kleuren/contact.shtml">Contact</a>!
</p>
<p class="archiefblog">
Archief: <br /><br />
<em>2008</em><br />

¬ <a href="../kleuren/blog.shtml" title="Blogs maart
2008">Maart</a><br />
¬ Februari (0)<br />
¬ <a href="../blog/blog_0108.shtml" title="Blogs Januari
2008">Januari (2)</a><br />
<em>2007</em><br />
¬ <a href="../blog/blog_1207.shtml" title="Blogs december
2007">December (2)</a><br />

¬ <a href="../blog/blog_1107.shtml" title="Blogs november
2007">November (4)</a><br />
¬ <a href="../blog/blog_1007.shtml" title="Blogs oktober
2007">Oktober (2)</a><br />
¬ <a href="../blog/blog_0907.shtml" title="Blogs september
2007">September (5)</a>
</p>
</div>
</div>

<div id="footerrow">
<div id="counters">
<p>
<a href="http://validator.w3.org/check?uri=referer"><img
src="http://www.w3.org/Icons/valid-xhtml10"
alt="Valid XHTML 1.0 Strict" height="31" width="88" /></a>
</p>
</div>

<div id="footer">
<p class="footertext">Kleurenblindheid.nl, v7.0 – Copyright
© JNvB, 2003-2007
</p>

</div>

<div id="totop">
<p><a href="#to_top">Omhoog</a>
</p>

</div>
</div>

</div>

</body>
</html>

17/03/2008, 22h30

On Mar 17, 10:48am, KoosHopeloos <kooshopel...@hotmail.com> wrote:
> L.S.,
>
> For some strange reason that I can not understand, the behaviour I set
> to the navigation on the left also works for my links, something I do
> not want. On hovering over a link, the words change to bold and by
> pressing on a link, it 'becomes' a white beam, while it should
> redirect me to the refered link. I'm not a total newbie on CSS, but I
> just can't figure out what is happening...
>
> I must be doing something wrong, I hope you can point out my design
> flaw. CSS and XHTML you can find below, to see the problem live please
> go towww.kleurenblindheid.nl/kleuren/blog.shtml.

#content a:hover, a:active {

This means select all hovered links that are a descendent of the
element with id content, and ALL active links.

You probably wanted
#content a:hover, #content a:active {

There may be other cases of the same error, I only had a quick look.

Steve

17/03/2008, 11h48	#1
KoosHopeloos Messages: n/a Hébergeur:	Unexpected CSS behaviour of navigation on links L.S., For some strange reason that I can not understand, the behaviour I set to the navigation on the left also works for my links, something I do not want. On hovering over a link, the words change to bold and by pressing on a link, it 'becomes' a white beam, while it should redirect me to the refered link. I'm not a total newbie on CSS, but I just can't figure out what is happening... I must be doing something wrong, I hope you can point out my design flaw. CSS and XHTML you can find below, to see the problem live please go to www.kleurenblindheid.nl/kleuren/blog.shtml. Thanks for your time! KoosHopeloos The CSS: /* Kleurenblindheid.nl CSS-file Copyright JNvB 2007-2008 / body { text-align: center; margin-top: 0px; background-color: #000000; font-family: verdana, tahoma, arial, sans-serif; } #container { margin: 0px auto; text-align: left; width: 975px; } #headerrow { height: 190px; color: #ffffff; } #headerrow a { margin: 0px; padding: 0px; background-color: transparent; } #logo { float: left; width: 200px; } #name { float: left; width: 565px; } #header3 { float: left; width: 200px; } #contentrow { color: #ffffff; } #menu { margin: 0px; float: left; width: 190px; padding: 0px 10px 0px 0px; list-style: none; } #links { margin: 0px; float: left; width: 190px; padding: 0px 0px 0px 10px; background-color: #000000; font-size: small; } #content { margin: 0px; padding: 0px 0px 10px 0px; float: left; height: 100%; width: 565px; } #content a:hover, a:active { color: #ffffff; font-weight: normal; text-decoration: underline; } #footerrow { clear: left; height: 60px; color: #ffffff; } #counters { margin: 0px; float: left; width: 200px; padding: 0px 0px 0px 0px; } #footer { margin: 0px; float: left; width: 565px; border-top-style: solid; border-top-width: 2px; border-top-color: #ffffff; text-align: center; } #totop { margin: 0px; float: left; width: 190px; padding: 0px 0px 0px 10px; } #totop a { margin: 0px; display: block; color: #ffffff; text-decoration: underline; padding: 0px 0px 0px 10px; } #totop a:hover { margin: 0px; font-weight: bold; color: #000000; background-color: #ffffff; padding: 0px 0px 10px 5px; text-decoration: none; } #navigation { margin: 0px; padding: 0px; list-style: none; display: block; } / DISPLAY INLINE REMOVES WHITE SPACING IE6 and IE7 / #navigation ul { } #navigation li { margin: 0px; padding: 0px; display: inline; font-size: large; } #navigation a { margin: 0px; display: block; text-decoration: none; padding: 0px 0px 10px 10px; font-size: large; height: 100%; } #navigation a:hover, a:active { display: block; margin: 0px; color: #000000; font-weight: bold; padding: 0px 0px 10px 5px; background-color: #ffffff; } img { border-style: none; } h1 { font-size: x-large; font-weight: bold; text-align: center; margin: 0px; } h2 { font-size: large; font-weight: bold; text-align: center; } h3 { font-size: medium; font-weight: bold; text-align: center; } p { font-size: medium; text-align: justify; } .extlinks { margin: 0px; padding: 0px; font-size: small; text-align: left; } .footertext { font-size: small; text-align: center; } a:link, a:visited, a:focus { color: #ffffff; text-decoration: underline; } a:hover, a:active { color: #ffffff; font-weight: bold; text-decoration: underline; } .imgright { float: right; padding: 0px 0px 0px 10px; } .imgleft { float: left; padding: 0px 10px 0px 0px; } .imgcenter { display: block; margin: 0px auto; } .textleft { text-align: left; } .textcenter { text-align: center; } .textright { text-align: right; } .textleftsmall { text-align: left; font-size: small; } .textcentersmall { text-align: center; font-size: small; } .textrightsmall{ text-align: right; font-size: small; } .textsmall { font-size: small } hr { border: 1px solid #ffffff; } table { margin: 0px; padding: 0px; width: 100%; border: none; text-align: left; } The XHTML: <!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"> <head> <title>Blog - Kleurenblindheid.nl</title> <link rel="stylesheet" href="../css/kleurenblindheid_nl.css" /> <style type="text/css"> body.blog #navigation li#blog a { margin: 0px; color: #000000; font-weight: bold; padding: 0px 0px 10px 5px; background-color: #ffffff; border-top: 2px solid #000000; border-bottom: 2px solid #000000; cursor: text; } / Start Blog CSS / #header3 { float: left; width: 175px; margin: 15px 0px 0px 25px; } .archiefblog { font-size: small; margin: 0px; padding: 15px 0px 0px 15px; } .titleblog { font-weight: bold; text-align: center; } .byblog { font-weight: bold; font-size: small; } .quoteblog { font-style: italic; padding: 0px 30px; } .kroesjeblog { border: 1px solid #ffffff; float: left; margin: 0px 10px 0px 0px; } / End Blog CSS */ </style> <meta http-equiv="content-type" content="text/html; charset=utf-8" / > <meta http-equiv="content-language" content="NL" /> <meta name="copyright" content="Copyright (c) JNvB 2003-2008. All rights reserved." /> <meta name="author" content="J. N. van Bolhuis" /> <meta name="motto" content="Ego sum caecus coloribus" /> <meta name="keywords" content="kleurenblind, kleurenblindheid, test, testen, kleurenblindtest, kleurenblindheidtest, kleurenblindheidtesten, daltonisme" /> <meta name="description" content="De webblog van Kleurenblind - Kleurenblindheid.nl" /> <meta name="generator" content="Dreamweaver MX" /> <meta name="distribution" content="global" /> <meta name="robots" content="index, follow, noarchive" /> <link rel="icon" href="/figuren/kleurenblindheid_nl.ico" type="image/ x-icon" /> <link rel="shortcut icon" href="http://www.kleurenblindheid.nl/ figuren/kleurenblindheid_nl.ico" type="image/x-icon" /> </head> <body class="blog"> <div id="container"> <div id="headerrow"> <div id="logo"> <a href="start.shtml"><img src="../figuren/logo.jpg" alt="" /></a> </div> <div id="name"> <a name="to_top" id="to_top"><img src="../figuren/naam_blog.jpg" alt="" /></a> </div> <div id="header3"> <img src="../figuren/tegeltje_blog.jpg" alt="" /> </div> </div> <div id="contentrow"> <div id="menu"> <ul id="navigation"> <li id="start"><a href="../kleuren/start.shtml">START</a></li> <li id="geschiedenis"><a href="../kleuren/ geschiedenis.html">GESCHIEDENIS</a></li> <li id="licht"><a href="../kleuren/licht.shtml">LICHT</a></li> <li id="biologie"><a href="../kleuren/biologie.shtml">BIOLOGIE</ a></li> <li id="genetica"><a href="../kleuren/genetica.html">GENETICA</ a></li> <li id="evolutie"><a href="../kleuren/evolutie.html">EVOLUTIE</ a></li> <li id="soorten"><a href="../kleuren/soorten.shtml">SOORTEN</a></ li> <li id="testen"><a href="../kleuren/testen.shtml">TESTEN</a></li> <li id="gastenboek"><a href="../cgi-bin/guestbook/ guestbook.cgi">GASTENBOEK</a></li> <li id="nav_links"><a href="../kleuren/links.html">LINKS</a></li> <li id="bibliografie"><a href="../kleuren/ bibliografie.shtml">BIBLIOGRAFIE</a></li> <li> </li> <li id="blog"><a href="blog.shtml">Blog</a></li> <li id="software"><a href="../kleuren/software.shtml">Software</ a></li> <li id="winkel"><a href="../kleuren/winkel.shtml">Boeken enzo</ a></li> <li> </li> <li id="contact"><a href="../kleuren/contact.shtml">Contact</a></li> <li id="copyright"><a href="../kleuren/copyright.shtml">Copyright</ a></li> </ul> </div> <div id="content"> <h1><em>'Ego sum caecus coloribus' ™</em></h1> <p class="titleblog"> Anomaloscoop, de gouden standaard </p> <p class="byblog"> <em>Kleurenblinde</em>, 7 maart 2008, Algemeen: </p> <p> De Ishihari kleurenblindheid-test klinkt menigeen bekend in de oren. Het is een van de vele verschillende testen die beschikbaar zijn om te bepalen of je en in welke mate je kleurenblind bent. Onbekend, maar niet onbemind is 'gouden standaard' van de kleurenblindheid-testen: de <strong>anomaloscoop</strong>. </p> <p> De anomaloscoop is uitgevonden in 1907 door de Duitse ophthalmoloog en physioloog Willibald A. Nagel (1) en kan bepalen of iemand rood/groen-kleurenblind is. Je kijkt met een oog door een buis waar aan het einde een vlak in twee delen bestaat. Het bovenste gedeelte is geel gekleurd en het is de bedoeling onderste vlak van dezelfde kleur geel te voorzien door rood en groen licht te mengen. Een rood/groen kleurenblinde zal een andere verhouding van rood en groen mengen vergeleken met normaal kleurenzienden. Charles Williams, een docter uit Boston U.S.A., heeft net voor de 1ste wereld oorlog de kans om anomaloscoop te gebruiken (2). Hij beschrijft theoretisch en technisch uitgebreid hoe het apparaat werkt en hoe je het beste een kleurenblindheid test kan afnemen, een voorbeeld: </p> <p> <img src="../figuren/blog/anomaloscope.jpg" alt="" class="imgright" /> <em>"The principle of the instrument depends on the fact shown by Rayleigh that, when a normal eye looks at a colored field of which one half is uniformly lighted by a pure yellow light from about the sodium line, and the other half by a mixture of red from about the lithium line and a green from about the thallium line, there will be found a certain mixture of the red and green which gives a yellow that cannot be distinguished from the yellow of the sodium light when the intensity of the sodium light is adjusted to a certain brightness. Such a normal eye cannot make a match between the pure yellow and the mixture of red and green by any change in the brightness of the yellow whenever the proportion of red or green in the mixture is so great as to give the mixture a red or green color, but the eye which is defective in its color sense will be able to make such a match by changing the brightness of the yellow.</ em>" (2) </p> <p> In 1948 beschrijft de Duitse natuurkundige Manfred Richter dat kleurenblindheid een varieert gedurende de seizoenen. Het lijkt erop dat in de zomer er meer rood licht bijgemengd moet worden. Voor dit onderzoek gebruikt hij een Nagel anomaloscoop. En daarin blijkt later de oplossing te liggen. In een artikel in Nature (3) laten onderzoekers weten dat de variatie naar alle waarschijnlijkheid veroorzaakt wordt doordat de anomaloscoop erg gevoelig is voor de omgevingstemperatuur. </p> <p class="textleftsmall"> (1) Nagel, W.A. (1907) <em>Zwei Apparate für die Augenärzliche Funktionsprüfung. Adaptometer und kleines Spektralphotometer (Anomaloskop)</em>. Zeitschrift für Augenheilkunde, 17: 201-22.<br /> (2) Williams, C.H. (1915) <em>Nagel's Anomaloscope for Testing Color Vision.</em> Trans Am Ophthalmol Soc, 14(Pt 1): 161-5 <a href="http://www.pubmedcentral.nih.gov/articlerender.fcgi? tool=pubmed&pubmedid=16692335">link</a><br /> (3) Jordan, D. (1993) <em>The Nagel anomaloscope and seasonal variation of colour vision</em> Nature, 363: 546-549 <a href="http:// www.nature.com/nature/journal/v363/n6429/abs/363546a0.html">link</a> </p> </div> <div id="links"> <p class="archiefblog"> Reageer via <a href="../kleuren/contact.shtml">Contact</a>! </p> <p class="archiefblog"> Archief: <br /><br /> <em>2008</em><br /> ¬ <a href="../kleuren/blog.shtml" title="Blogs maart 2008">Maart</a><br /> ¬ Februari (0)<br /> ¬ <a href="../blog/blog_0108.shtml" title="Blogs Januari 2008">Januari (2)</a><br /> <em>2007</em><br /> ¬ <a href="../blog/blog_1207.shtml" title="Blogs december 2007">December (2)</a><br /> ¬ <a href="../blog/blog_1107.shtml" title="Blogs november 2007">November (4)</a><br /> ¬ <a href="../blog/blog_1007.shtml" title="Blogs oktober 2007">Oktober (2)</a><br /> ¬ <a href="../blog/blog_0907.shtml" title="Blogs september 2007">September (5)</a> </p> </div> </div> <div id="footerrow"> <div id="counters"> <p> <a href="http://validator.w3.org/check?uri=referer"><img src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Strict" height="31" width="88" /></a> </p> </div> <div id="footer"> <p class="footertext">Kleurenblindheid.nl, v7.0 – Copyright © JNvB, 2003-2007 </p> </div> <div id="totop"> <p><a href="#to_top">Omhoog</a> </p> </div> </div> </div> </body> </html>

17/03/2008, 22h30	#2
Steve Pugh Messages: n/a Hébergeur:	Re: Unexpected CSS behaviour of navigation on links On Mar 17, 10:48am, KoosHopeloos <kooshopel...@hotmail.com> wrote: > L.S., > > For some strange reason that I can not understand, the behaviour I set > to the navigation on the left also works for my links, something I do > not want. On hovering over a link, the words change to bold and by > pressing on a link, it 'becomes' a white beam, while it should > redirect me to the refered link. I'm not a total newbie on CSS, but I > just can't figure out what is happening... > > I must be doing something wrong, I hope you can point out my design > flaw. CSS and XHTML you can find below, to see the problem live please > go towww.kleurenblindheid.nl/kleuren/blog.shtml. #content a:hover, a:active { This means select all hovered links that are a descendent of the element with id content, and ALL active links. You probably wanted #content a:hover, #content a:active { There may be other cases of the same error, I only had a quick look. Steve

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email