Hello, I'd like to add a progressive number to upper-left corner on
every TH element avoiding cell text reposition.
// TH props
table.quadroData th
{
text-align: center;
background-color: #C6DEF0;
border-color: #E5F5FF;
}
text is vertically centered.
// progressive number props
span.numerino
{
position:relative;
top:0;
left:-5;
padding:0;
margin:0;
float:left;
border: 0px solid gray;
text-align:left;
font-size:smaller;
}
// A part of my HTML
<TABLE border="1" cellpadding="5" cellspacing="1"
summary="History courses offered in the community of
Bath arranged by course name, tutor, summary,
code, and fee">
<TR>
<TH scope="col" abbr="Name">
<span
style="position:relative;top:0;left:-5;padding:0;margin:0;float:left;border:
0px solid
gray;text-align:left;z-index:2;font-size:smaller;">1</span>Course
Name</TH>
<TH scope="col" abbr="Tutor">
<span
style="position:relative;top:0;left:-5;padding:0;margin:0;float:left;border:
0px solid
gray;text-align:left;z-index:2;font-size:smaller;">2</span>Course
Tutor</TH>
<TH scope="col">
<span
style="position:relative;top:0;left:-5;padding:0;margin:0;float:left;border:
0px solid
gray;text-align:left;z-index:2;font-size:smaller;">3</span>Summary</TH>
<TH scope="col">
<span
style="position:relative;top:0;left:-5;padding:0;margin:0;float:left;border:
0px solid
gray;text-align:left;z-index:2;font-size:smaller;">4</span>Code</TH>
<TH scope="col">
<span
style="position:relative;top:0;left:-5;padding:0;margin:0;float:left;border:
0px solid
gray;text-align:left;z-index:2;font-size:smaller;">5</span>Fee</TH>
</TR>
</table>
This piece of code works but my idea is to place this number on cell
without text repositioning (and this doesn't work)
Thanks for help, Luca.