11 Nov
2003
11 Nov
'03
11:22 a.m.
Hi,
Here is the example for why to put the <div> inside the <td> tags (I
tried it on Safari and Internet Explorer on Mac and on both the margin
option is not taken into consideration for the <td> tag):
<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"
lang="en">
<style type="text/css">
<!--
.cellDiv {
margin: 20px;
background-color: #FFAAAA;
}
td {
margin: 20px;
background-color: #AAAAFF;
border: 1px solid black;
}
-->
</style>
<head>
<title>Girba Test</title>
</head>
<body>
<table border="0">
<tr>
<td>table cells as in SmallWiki</div></td>
<td>some cell</td>
</tr><tr>
<td>some cell</td>
<td>some cell</td>
</tr>
</table>
<table border="0" cellspacing="0">
<tr>
<td><div class="tableCell">table cells with a
div</div></td>
<td><div class="tableCell">some cell</div></td>
</tr><tr>
<td><div class="tableCell">some cell</div></td>
<td><div class="tableCell">some cell</div></td>
</tr>
</table>
</body>
</html>
On Tuesday, Nov 11, 2003, at 07:52 Europe/Zurich, Lukas Renggli wrote:
Hi,
these are some things that I missed or left out yesterday:
Tudor Girba <girba(a)iam.unibe.ch>ch>:
Doru.
--
Tudor Adrian Girba Software Composition Group
(www.iam.unibe.ch/~girba) University of Bern, Switzerland
"Problem solving efficiency grows with the abstractness level
of problem understanding."
1. In the morning I manage to have a table by
putting | (now it does
not seem to work anymore). I saw that the <td> has no tags inside,
therefore it is not possible to have padding or margin css options
for the text in a cell. I suggest to have a <div class="tableCell">
there.
What about overloading the table-tags? This has the same effect as if
I put a <div class="tableCell"> into every cell, right? 
11 Nov
11 Nov
5:31 p.m.
New subject: Some other answers
<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1 strict.dtd">
[...]
The following code works on Safari and Mozilla, I don't have Internet
Explorer so I cannot test there.
-=--=--=--=--=--=--=--=--=--=--=--=--=--=--=--=--=--=--=--=--=-
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Renggli</title>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1"
/>
<style type="text/css">
<!--
td {
padding: 20px;
}
-->
</style>
</head>
<table>
<tr>
<td>a11</td>
<td>a12</td>
</tr>
<tr>
<td>a21</td>
<td>a22</td>
</tr>
</table>
<body>
</body>
</html>
-=--=--=--=--=--=--=--=--=--=--=--=--=--=--=--=--=--=--=--=--=-
I think you used the wrong edge-type in your css-specification, have a
look at the first picture at http://www.w3.org/TR/CSS2/box.html to
learn about the edge-types.
Cheers,
Lukas
--
Lukas Renggli
http://renggli.freezope.org
6:39 p.m.
New subject: Some other answers
Hi,
In your case you used padding, but I wanted margin. Why should the user
be restricted to use margin for the table text?
In the example I provided you can use them both.
Note that you should also add to the <table> tag cellspacing = "0",
because as it is now, you always have a small distance between the
cells, and you cannot control that. So by default, there is not
distance between cells, but if someone wants it, that he/she can use
the margin capability.
Doru.
On Tuesday, Nov 11, 2003, at 17:31 Europe/Zurich, Lukas Renggli wrote:
--
Tudor Adrian Girba Software Composition Group
(www.iam.unibe.ch/~girba) University of Bern, Switzerland
"Every thing should have the right to be different."
<?xml
version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1 >>
strict.dtd">
[...]
The following code works on Safari and Mozilla, I don't have Internet
Explorer so I cannot test there.
-=--=--=--=--=--=--=--=--=--=--=--=--=--=--=--=--=--=--=--=--=-
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Renggli</title>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1" />
<style type="text/css">
<!--
td {
padding: 20px;
}
-->
</style>
</head>
<table>
<tr>
<td>a11</td>
<td>a12</td>
</tr>
<tr>
<td>a21</td>
<td>a22</td>
</tr>
</table>
<body>
</body>
</html>
-=--=--=--=--=--=--=--=--=--=--=--=--=--=--=--=--=--=--=--=--=-
I think you used the wrong edge-type in your css-specification, have a
look at the first picture at http://www.w3.org/TR/CSS2/box.html to
learn about the edge-types.
Cheers,
Lukas
--
Lukas Renggli
http://renggli.freezope.org
7729
days inactive
7729
days old
2 comments
2 participants
participants (2)
-
Lukas Renggli -
Tudor Girba