[Solved] Spacing navigation totally off...

L.S.,

I'm changing my webpage from tables and HTML to CSS and XHTML. Learning CSS, I have a problem with the alignment of my navigation.

Here is the link (CSS & XHTML code): http://www.kleurenblindheid.nl/kleuren/startnieuw.shtml!

The problem is that the navigation should be aligned to the left, covering all the green. Whatever I try, I can't get it right... HELP?

Thanks a lot for your time!

The used code:

Copyright JNvB

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

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

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

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

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

#header3 {
float: left;
width: 224px;
background-color: #00ff00;
}

#contentrow {
color: #ffffff;
}

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

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

#content {
margin: 0px;
padding: 0px;
float: left;
width: 565px;
}

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

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

#footer {
margin: 0px;
float: left;
width: 565px;
}

#totop {
margin: 0px;
float: left;
width: 214px;
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;
}

#navigation ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}

/* DISPLAY INLINE REMOVES WHITE SPACING IE6 and IE7 */
#navigation li {
margin: 0px;
padding: 0px;
display: inline;
font-size: medium;
}

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

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

body.start #navigation li#start 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;
}

img {
border-style: none;
}

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

h2 {
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;
text-decoration: underline overline;
}

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

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

.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;
}

hr {
border: 1px solid #ffffff;
}

BIOLOGIE

GENETICA

EVOLUTIE

SOORTEN

TESTEN

GASTENBOEK

LINKS

BIBLIOGRAFIE

 

Blog

Software

Boeken enzo

 

Contact

Copyright

In de Van Dale:




kleu·ren·blind (bn.)

1. niet in staat bepaalde kleuren te onderscheiden

Een voorbeeld:

“Was u die zelfmoordenaar?” Vroeg de commandant van
vliegbasis Twente in 1965 aan M. Noothoven van Goor. De dienstplichtige
militair zat in de kantine achter een biertje bij te komen, samen met
de piloot die hem in zijn straaljager op een haar na had gemist. Van
Goor reed in zijn auto over de weg die de startbaan kruiste. Bij het
oprijden van de startbaan brandde de onderste lamp van het verkeerslicht
en Van Goor gaf gas. Het dalende vliegtuig miste hem rakelings. Ook
de piloot dacht dat zijn laatste uur geslagen was.


Na dit incident paste de luchtmacht de verkeerslichten aan. Rood kwam
voortaan boven, groen onder. Van Goor, volledig kleurenblind voor rood
en groen, had het onderste, rode stoplicht als groen geïnterpreteerd!

(NRC Handelsblad, W&O, 2001)

Van Goor ziet naast zwart, wit, grijs, en blauw de kleuren rood en groen als
grijstinten. Hierdoor gaf Van Goor gas bij het branden van de onderste
lamp! Dit is een manier waarop kleurenblindheid tot uiting kan komen.
Hij is 1 van de ongeveer 1,3 miljoen Nederlanders met een afwijking voor
het het zien van kleuren.

Wanneer is kleurenblindheid of Daltonisme voor het eerst
beschreven en door wie? Wat is licht en hoe word dit waargenomen door
het oog? Worden beeld en kleur eigenlijk gezien in de hersenen? Is kleurenblindheid
erfelijk en hoe is het 'zien' van kleuren ontstaan? Welke soorten zijn
er en is het mogelijk om kleurenblindheid te testen?

"For those watching in black and white, the pink is behind the green"


Ted Lowe commentating on BBC television

at the Embassy World Championship Snooker

¬ Gehost door:

Your Name Webhosting