Ik heb een menu gedeelte met plattetekst menuitems, heb in de href een class staan die de text-decoration en kleur regelt, en een font tag om de plattetekst link staan om de size te regelen. (dit laatste zodat de bezoeker via de browser zelf de grootte kan aanpassen, is een vereiste)
Nu heb ik een html4 loose doctype in de code staan. Deze zorgt ervoor dat de underlining van de plattetekst menuitems niet op de juiste plek komen te staan. Ipv dat de streepjes meteen onder de tekst komt plaatst firefox ze blijkbaar op de plek zoals ze zonder de font tag zouden moeten staan. Niet correct dus.
Hoe krijg ik dit in firefox weer goed?
Alvast bedankt voor het meedenken!
Nu heb ik een html4 loose doctype in de code staan. Deze zorgt ervoor dat de underlining van de plattetekst menuitems niet op de juiste plek komen te staan. Ipv dat de streepjes meteen onder de tekst komt plaatst firefox ze blijkbaar op de plek zoals ze zonder de font tag zouden moeten staan. Niet correct dus.
Hoe krijg ik dit in firefox weer goed?
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
| <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled</title>
<style type="text/css">
a{
font-family: verdana;
font-weight: normal;
}
a.menuitem{
color: #000000;
text-decoration: underline;
}
a.menuitem:hover{
color: #116EA6;
text-decoration: none;
}
</style>
</head>
<body>
<table>
<tr>
<td><a href="pagina.htm" class="menuitem"><font size="1">link</font></a></td>
</tr>
<tr>
<td><a href="pagina.htm" class="menuitem"><font size="1">link</font></a></td>
</tr>
<tr>
<td><a href="pagina.htm" class="menuitem"><font size="1">link</font></a></td>
</tr>
</table>
</body>
</html> |
Alvast bedankt voor het meedenken!