Varför radbrytning cid class på länk?

3 svar · 341 visningar · startad av silfver 25 juni 2004

silfverMedlem sedan apr. 200312 679 inlägg

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

MeleaMedlem sedan juli 20033 147 inlägg

25 juni 2004 12:04#2

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>

silfverMedlem sedan apr. 200312 679 inlägg

25 juni 2004 12:24#3

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?

silfverMedlem sedan apr. 200312 679 inlägg

25 juni 2004 12:30#4

Nu förstår jag. Tack för hjälpen. :)