Et tekstlink med forskellig tekstformatering?
Jeg prøver at lave følgende:Noget tekst som overskrift i Arial 30, fed, og noget text nedenunder i Arial 20, normal. Det er jo let nok, men når jeg så sætter et link på det hele, så bliver det splittet op i 2 links, og ikke et samlet. I gammeldags html med <font face> var dette intet problem.
Kode:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
.style1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 30px;
font-weight: bold;
}
.style2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
}
a:link {
color: #0000FF;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #0000FF;
}
a:hover {
text-decoration: underline;
color: #0000FF;
}
a:active {
text-decoration: none;
color: #0000FF;
}
-->
</style>
</head>
<body>
<span class="style1"><a href="#">OVERSKRIFT MED 1 STØRRELSE</a></span><a href="#"><br />
<span class="style2">TEXT MED EN ANDEN STØRRELSE</span></a><span class="style2"></span>
</body>
</html>
