kippie
09-01-2002, 01:13 PM
In the HTML below I want to use discs of the List-Style-type property in combination with text-styles. In the first table (in combination with the text styles) the discs are not properly aligned. They are too low. In the second table (without text styles) they are OK. What can I do to get the discs better aligned in the first table?
This is the HTML:
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
<meta name="generator" content="Adobe GoLive 4">
<title>Tekst link roll over</title>
<style type="text/css"><!--
.info { color: #191970; font-size: 14t; font-family: Arial; text-align: justify }
.info10 { color: #191970; font-size: 10pt; font-family: Arial; text-align: left }
-->
</style>
</head>
<body bgcolor="#99ccff">
<table border="0" bordercolor="red" width="200" cellpadding="0" cellspacing="0">
<tr>
<td colspan="2"><div class="info">Head1</div> </td>
</tr>
<tr>
<td valign="top" width="10"><li></li></td>
<td><div class="info10">This is text in one cell only. But the "disc" of the List-Style-Type property in front of this lign is not properly aligned. It is too low. </div></td>
<td></td>
</tr>
<tr>
<td valign="top"><li></li></td>
<td><div class="info10">This is text in one cell only. But the "disc" of the List-Style-Type property in front of this lign is not properly aligned. It is too low. </div></td>
<td></td>
</tr>
</table>
<br>
<br>
<table border="0" bordercolor="red" width="200" cellpadding="0" cellspacing="0">
<tr>
<td colspan="2">Head 2</td>
</tr>
<tr>
<td valign="top" width="20"><li></li></td>
<td>This is text in one cell. And the "disc" of the List-Style-Type property in front of this line is very well aligned. It is not too low. </td>
</tr>
<tr>
<td valign="top"><li></li></td>
<td>This is text in one cell. This is text in one cell. This is text in one cell. This is text in one cell.</td>
</tr>
</table>
</body>
</html>
Kippie
This is the HTML:
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
<meta name="generator" content="Adobe GoLive 4">
<title>Tekst link roll over</title>
<style type="text/css"><!--
.info { color: #191970; font-size: 14t; font-family: Arial; text-align: justify }
.info10 { color: #191970; font-size: 10pt; font-family: Arial; text-align: left }
-->
</style>
</head>
<body bgcolor="#99ccff">
<table border="0" bordercolor="red" width="200" cellpadding="0" cellspacing="0">
<tr>
<td colspan="2"><div class="info">Head1</div> </td>
</tr>
<tr>
<td valign="top" width="10"><li></li></td>
<td><div class="info10">This is text in one cell only. But the "disc" of the List-Style-Type property in front of this lign is not properly aligned. It is too low. </div></td>
<td></td>
</tr>
<tr>
<td valign="top"><li></li></td>
<td><div class="info10">This is text in one cell only. But the "disc" of the List-Style-Type property in front of this lign is not properly aligned. It is too low. </div></td>
<td></td>
</tr>
</table>
<br>
<br>
<table border="0" bordercolor="red" width="200" cellpadding="0" cellspacing="0">
<tr>
<td colspan="2">Head 2</td>
</tr>
<tr>
<td valign="top" width="20"><li></li></td>
<td>This is text in one cell. And the "disc" of the List-Style-Type property in front of this line is very well aligned. It is not too low. </td>
</tr>
<tr>
<td valign="top"><li></li></td>
<td>This is text in one cell. This is text in one cell. This is text in one cell. This is text in one cell.</td>
</tr>
</table>
</body>
</html>
Kippie