To skriftfarver i samme celle?

<style type=\"text/css\">
.top        {
        background-color: #ffffff;
        font-family: verdana;
        font-size: 10;
        color: #000000;
        }
.top2        {
        background-color: #ffffff;
        font-family: verdana;
        font-size: 10;
        color: #cccccc;
        }
</style>

<td><span class=\"top\">Forside</span> > <span class=\"top2\">Kontakt</span></td>

Jeps, tak!

...men hvorfor bliver dette så vist forkert?


<style type=\"text/css\">
.top        {
        background-color:    #ffffff;
        font-family:         verdana, tahoma, arial;
        font-size:        13;
        height:            30px;
        color:            #0099cc;
        }
.toporange        {
        background-color:    #ffffff;
        font-family:         verdana, tahoma, arial;
        font-size:        13;
        letter-spacing:        0px;
        height:            30px;
        color:            #993333;
        }
</style>

</head>


<body>

<div style=\"text-align:center;\">

<table width=\"560\" border=\"0\" cellspacing=\"0\"
<tr><td><img src=\"blank.gif\" width=\"15\" height=\"1\"></img><span class=\"toporange\"><b>Link1</b></span><img src=\"spacer.jpg\" width=\"15\" height=\"10\"></img><span class=\"top\"><b>Link2</b><img src=\"spacer.jpg\" width=\"15\" height=\"10\"></img><b>Link3</b></span></td></tr>
</table>

Min computer bryder linjerne efter nogle af billederne. Hvordan kan det undgås?

Har selv fundet løsningen på problemet:


<style type=\"text/css\">
td.top        {
        background-color:    #ffffff;
        height:            30px;
        }
.top        {
        background-color:    #ffffff;
        font-family:        verdana, tahoma, arial;
        font-size:        13;
        color:            #0099cc;
        }
.toporange        {
        background-color:    #ffffff;
        font-family:        verdana, tahoma, arial;
        font-size:        13;
        letter-spacing:        0px;
        color:            #993333;
        }
</style>

</head>


<body>

<div style=\"text-align:center;\">

<table width=\"560\" border=\"0\" cellspacing=\"0\"
<tr><td class=\"top\"><img src=\"blank.gif\" width=\"15\" height=\"1\"></img><span class=\"toporange\"><b>Link1</b></span><img src=\"spacer.jpg\" width=\"15\" height=\"10\"></img><span class=\"top\"><b>Link2</b><img src=\"spacer.jpg\" width=\"15\" height=\"10\"></img><b>Link3</b></span></td></tr>
</table>

</div>

</body>


Det var noget med højderne den ikke lige ville acceptere. Ved egentlig ikke hvorfor! :-(

Men nu virker det!!! :-)