I would like to use a table to keep images, without any
gaps between them. I could not do it with Firefox using
XHTML Strict declaration.
To make the gaps visible I used red background color.
Can anyone help?
Tip: Maybe it has some thing to do with the font-size.
The red strip's height changes as the font-size changes:
from 4pt to 5pt or from 6pt to 7pt.
Here is the code. You will need a 17x17 image to use it.
gaps between them. I could not do it with Firefox using
XHTML Strict declaration.
To make the gaps visible I used red background color.
Can anyone help?
Tip: Maybe it has some thing to do with the font-size.
The red strip's height changes as the font-size changes:
from 4pt to 5pt or from 6pt to 7pt.
Here is the code. You will need a 17x17 image to use it.
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "[URL unfurl="true"]http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">[/URL]
<html xmlns="[URL unfurl="true"]http://www.w3.org/1999/xhtml">[/URL]
<head>
<meta http-equiv="Content-Language" content="hu" />
<style type="text/css">
.KeptartoTABLE {
border-style:none;
}
.KeptartoTH, .KeptartoTD {
padding:0; border-style:none;
background-color: red; font-family:Arial; font-size:7pt;
}
img {
margin:0; padding:0; border-style:none;
}
</style>
<title>CSS Question</title>
</head>
<body>
<!-- Maybe it has some thing to do with the font-size.
The red strip's height changes as the font-size changes:
from 4pt to 5pt or from 6pt to 7pt. -->
<table cellspacing="0" class="KeptartoTABLE">
<tr class="KeptartoTH"><td class="KeptartoTD"><img src="fel.gif" alt="novel" width="17" height="17"/></td></tr>
<tr class="KeptartoTH"><td class="KeptartoTD"><img src="fel.gif" alt="novel" width="17" height="17"/></td></tr>
</table>
</body></html>![[banghead]](/data/assets/smilies/banghead.gif "[banghead] [banghead]")