Layout peculiarities

Décade I, Septidi de Prairial de l'Année 205 de la Révolution

I noticed some peculiarities with name-anchors and images in tables,
this shows it quite nicely:

<html>
<head>
<title>Layout peculiarities</title>
<style type="text/css">
  H2 {color: red}
  A {font-size: 200%; color: yellow}
  A.yellow  {font-size: 200%; color: yellow}
</style>
<body>
<h1>Layout peculiarities</h1>

<h2>Name anchors in <a name=foo>green</a> and <a class=yellow
name=bar>yellow</a></h2>

Apart from the fact that the only way to color name-anchors other than
green seems to be to explicitly assign a class, empty name anchors
insert additional horizontal and vertical spaces in lists:
<ul>
<li> These first lines show the normal inter line spacing
<li> as it should be.
<li> now<a name=huh></a> look at this.
<li> funny, isn't it?
<li> <a name=better></a>But this is even better.
</ul>
<h2>Tables</h2>

I think the following three tables should look almost the same, assuming
gray.jpg is in fact 100x100 pixels:

<h3>First example - all information and no spaces</h3>
<table>
<tr><td><img src="http://www.math.uni-hamburg.de/home/hars/img/gray.jpg" width=100 height=100><td>First row
<tr><td><img src="http://www.math.uni-hamburg.de/home/hars/img/gray.jpg" width=100 height=100><td>Second row. This
one must be very long to show the effect. This one must be very long
to show the effect. This one must be very long to show the
effect.
</table>

<h3>Second example - one additional space</h3>
<table>
<tr><td><img src="http://www.math.uni-hamburg.de/home/hars/img/gray.jpg" width=100 height=100> <td>First row
<tr><td><img src="http://www.math.uni-hamburg.de/home/hars/img/gray.jpg" width=100 height=100> <td>Second row. This
one must be very long to show the effect. This one must be very long
to show the effect. This one must be very long to show the
effect. This one must be very long to show the effect.
</table>

<h3>Third example - no width/height given</h3>
<table>
<tr><td><img src="http://www.math.uni-hamburg.de/home/hars/img/gray.jpg"><td>First row
<tr><td><img src="http://www.math.uni-hamburg.de/home/hars/img/gray.jpg"><td>Second row. This
one must be very long to show the effect. This one must be very long
to show the effect. This one must be very long to show the
effect. This one must be very long to show the effect.
</table>
</html>

Received on Tuesday, 27 May 1997 08:52:03 UTC