S silfver Medlem sedan apr. 2003 12 679 inlägg Frågan 25 juni 2004 11:55 #1 Hej!
r/ VID ska det stå. Inte "cid".
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Template for silfver.se</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body, html {
margin: 15px;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 11px;
background-color: #fff;}
h1 {font-size: 14px; margin: 0; color: #669900;}
h2 {font-size: 12px; margin: 0; color: #669900;}
p {font-size: 11px; margin: 10px 0 10px 0; line-height: 150%;}
p.small {font-size: 10px; margin: 10px 0 10px 0;}
.nyhet {width: 450px; margin: 10px 0 20px 0;}
.info {color: #999; border-top: 1px solid #999; margin: 5px 0 0 0; font-size: 9px;}
a {color: #996600;}
a.nyhet {color: #999;}
a:hover.nyhet {text-decoration: none;}
-->
</style>
</head>
<body>
<h1>Nyheter</h1>
<div class="nyhet">
[red]Skriver man ingen "class" så blir det ingen radbrytning vid länken.[/red]
<div class="info">Postad av: <a href="#">Namn</a> | Datum</div>
</div>
<div class="nyhet">
[red]Men skriver man in en "class" på länken, så hanteras den som en paragraf. Varför?[/red]
<div class="info">Postad av: <a href="#" class="nyhet">Namn</a> | Datum</div>
</div>
</body>
</html>
Problemet uppstår endast i IE (har bara testat i IE och FF). Vad gör jag för fel?
mvh
M Melea Medlem sedan juli 2003 3 147 inlägg Konstigt nog funkar det när jag sätter id="" istället för class="" på den.
a#nyhet {color: #999;}
a:hover#nyhet {text-decoration: none;}
<div class="info">Postad av: <a href="#" id="nyhet">Namn</a> | Datum</div>
edit: Aha! Du har en annan class som heter nyhet , där du har margin: 10px 0 20px 0;. Byt namn på länkclassen bara, så ska det funka.
a.link_nyhet {color: #999;}
a:hover.link_nyhet {text-decoration: none;}
<a href="#" class="link_nyhet">Namn</a>
S silfver Medlem sedan apr. 2003 12 679 inlägg
Melea skrev:
Konstigt nog funkar det när jag sätter id="" istället för class="" på den.
a#nyhet {color: #999;}
a:hover#nyhet {text-decoration: none;}
<div class="info">Postad av: <a href="#" id="nyhet">Namn</a> | Datum</div>
edit: Aha! Du har en annan class som heter nyhet , där du har margin: 10px 0 20px 0;. Byt namn på länkclassen bara, så ska det funka.
a.link_nyhet {color: #999;}
a:hover.link_nyhet {text-decoration: none;}
<a href="#" class="link_nyhet">Namn</a>
Men grejen är att det ska bli ett nyhetssystem. Och jag kan inte ha olika klasser för varje nyhet. Och samma ID går ju inte heller. Så det funkar inte.
r/ eller missförstod jag dig nu?
S silfver Medlem sedan apr. 2003 12 679 inlägg Nu förstår jag. Tack för hjälpen. :)