TD height

2 svar · 146 visningar · startad av icaaq 12 feb. 2003

icaaqMedlem sedan okt. 20005 273 inlägg

12 feb. 2003 10:59#1

Jag har fÃ¶ljande:

[red]
<table id="showmess" class="showmess" border="0">
	<tr>
		<td class="time"><p id=rad1>&nbsp;</p></td><td class="message"><p id=user1>&nbsp;</p></td>
	</tr>
</table>
[/red]

Och dessa klasser till CSS:n

[red]
table.showmess
{
	margin: 0px;
	width: 600px;
	background-color: gray;
}
td.time
{
	border-bottom: dotted 1px silver;
	border-right: dotted 1px silver;
	height: 16px;
	width: 30%;
	margin: 0px;
}
td.message
{
	border-bottom: dotted 1px silver;
	height: 16px;
	width: 70%;
	margin: 0px;
}
[/red]

men i min mozilla sÃ¥ blir inte raderna 16 px hÃ¶ga utan typ 25-30 px hÃ¶ga....hur ska jag Ã¥tgÃ¤rda detta?

mvh icaaq

FlashesMedlem sedan jan. 2003282 inlägg

12 feb. 2003 11:43#2

Hur mycket bygger din P tag då?

Mvh
Jan-Olov

dectgapMedlem sedan sep. 20021 655 inlägg

12 feb. 2003 13:22#3

Använd ett inline-element (t ex <span>) istället för <p>.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>

<head>
<title>xxx</title>

<style type="text/css">
table.showmess
{
	margin: 0px;
	width: 600px;
	background-color: gray;
}
td
{
	font: 10px Verdana, sans-serif;
	padding: 0 3px;
}
td.time
{
	border-bottom: dotted 1px silver;
	border-right: dotted 1px silver;
	height: 16px;
	width: 30%;
	margin: 0px;
}
td.message
{
	border-bottom: dotted 1px silver;
	height: 16px;
	width: 70%;
	margin: 0px;
}
</style>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>

<body>

<table id="showmess" class="showmess" border="0" cellspacing="0">
 <tr>
  <td class="time"><span id="rad1">Text</span></td>
  <td class="message"><span id="user1">Text</span></td>
 </tr>
</table>

</body>

</html>