Css link style probleem.
Ik heb een probleempje met mijn css.
Ik heb hem gevalideerd met w3 en hij is helemaal goed.
Maar ik heb dus een foutje in mijn layout (www.lima-cs.nl) ik zie bij 1 stukje 4 laagjes...
Over dit stukje css gaat het.
Code (php)
1
2
3
4
2
3
4
A:visited {color: #000000; background-image: url("images/header_1.png"); background-color:#494747; text-decoration: none}
A:link {color: #000000; background-image: url("images/header_1.png"); background-color:#494747; text-decoration: none}
A:active {color: #000000; background-image: url("images/header_1.png"); background-color:#494747; text-decoration: none}
A:hover {background-image: url("images/header_1.png"); color: #000000; background-color:#494747; text-decoration: none}
A:link {color: #000000; background-image: url("images/header_1.png"); background-color:#494747; text-decoration: none}
A:active {color: #000000; background-image: url("images/header_1.png"); background-color:#494747; text-decoration: none}
A:hover {background-image: url("images/header_1.png"); color: #000000; background-color:#494747; text-decoration: none}
Als iemand mij kan helpen?
Graag.
B.v.d,
Paul van Dun.
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
A:visited {
color: #000000; background-image: url("images/header_1.png");
background-color:#494747;
text-decoration: none
}
A:link {
color: #000000; background-image: url("images/header_1.png");
background-color:#494747;
text-decoration: none;
}
A:active {
color: #000000; background-image: url("images/header_1.png");
background-color:#494747;
text-decoration: none;
}
A:hover {
background-image: url("images/header_1.png");
color: #000000; background-color:#494747;
text-decoration: none
}
color: #000000; background-image: url("images/header_1.png");
background-color:#494747;
text-decoration: none
}
A:link {
color: #000000; background-image: url("images/header_1.png");
background-color:#494747;
text-decoration: none;
}
A:active {
color: #000000; background-image: url("images/header_1.png");
background-color:#494747;
text-decoration: none;
}
A:hover {
background-image: url("images/header_1.png");
color: #000000; background-color:#494747;
text-decoration: none
}
(dit is even wat leesbaarder!)
Als je naar mijn layout gaat.(www.lima-cs.nl).
En je kijkt bij about zie een raar balkje wat er niet hoort.
En als ik dit stukje css code weg haal is dat rare balkje ook weg.
Dus het licht hier aan.
Maar ik krijg het niet opgelost.
Groeten,
Paul.
a:link
a:visited
a:hover
a:active
Dit kan je onthouden door middel van LoVe/HAte
In menu_about geef je een breedte op deze is inclusfief dat vreemde blokje. Verklein deze breedte en het is als het goed is weg
Wat nu dus het probleem was...
Ik had de about class te groot gemaakt.
Nu heb ik het op maat gezet.
En het is gefixed.
Bedankt btw,
Groeten.