[CSS] Menu style wordt geerft
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
#menu a:link, a:visited {
color: #ffffff;
text-decoration: none;
display : block;
margin: 0;
padding : 27px 8px 7px 8px;
height: 16px;
float: left;
}
#menu a:hover, a:active {
padding : 6px 8px 7px 8px;
color: #ffffff;
height: 36px;
text-decoration: none;
display : block;
margin: 0;
background: #000066;
border-top: 1px solid #ffffff;
}
color: #ffffff;
text-decoration: none;
display : block;
margin: 0;
padding : 27px 8px 7px 8px;
height: 16px;
float: left;
}
#menu a:hover, a:active {
padding : 6px 8px 7px 8px;
color: #ffffff;
height: 36px;
text-decoration: none;
display : block;
margin: 0;
background: #000066;
border-top: 1px solid #ffffff;
}
En voor de gewone links tussen de tekst:
Code (php)
1
2
3
4
5
6
7
8
9
2
3
4
5
6
7
8
9
a:visited, a:link {
color: #5154b0;
text-decoration: none;
}
a:hover, a:active {
color: #5154b0;
text-decoration: underline;
}
color: #5154b0;
text-decoration: none;
}
a:hover, a:active {
color: #5154b0;
text-decoration: underline;
}
Alleen nu nemen de links in het documnet de style van het menu over: voorbeeld. Klik maar eens op een link...
Hoe kan ik er voor zorgen dat ze gewoon hun eigen style houden?
--------
Code van het menu:
Code (php)
1
2
3
4
5
6
7
2
3
4
5
6
7
<div id="menu">
<ul>
<li><a id="menu" href="index.php">Nieuws</a></li>
<li><a id="menu" href="project.php">Project</a></li>
<li><a id="menu" href="contact.php">Contact</a></li>
</ul>
</div>
<ul>
<li><a id="menu" href="index.php">Nieuws</a></li>
<li><a id="menu" href="project.php">Project</a></li>
<li><a id="menu" href="contact.php">Contact</a></li>
</ul>
</div>
Code van een willekeurige hyperlink:
Code (php)
1
<a href="http://www.skype.com/go/getskype">Download Skype.</a>
Gewijzigd op 01/01/1970 01:00:00 door Raymond ---
Gesponsorde koppelingen:
color: #5154b0;
text-decoration: none;
}
#inhoud a:hover, a:active {
color: #5154b0;
text-decoration: underline;
}
misschien?
Code (php)
1
2
3
4
5
6
2
3
4
5
6
#menu a:link, a:visited {
//opmaak
}
#menu a:hover, a:active {
//opmaak
}
//opmaak
}
#menu a:hover, a:active {
//opmaak
}
je specificatie van elementen is fout...wat je zegt is hetvolgende:
maak de link uit het menu en ALLE bezocht links in het document {
//opmaak
}
mouseovers uit het mnu EN ALLE actieve links {
//opmaak...
}
je dient dus je 2e class specificatie ook voluit te defineren
Edit:
michel, Dankje! Super eht werkt
Gewijzigd op 01/01/1970 01:00:00 door Raymond ---
