Definicję spisu treści oraz przywoływane strony możemy także umieścić w tabeli, co przydaje całości eleganckiego wyglądu. Wymaga to jednak pewnego "chwytu".
Tworzymy tabelę z dwiema komórkami w jednym rzędzie. Tabeli nadajemy szerokość i wysokość mniejszą niż 100%, np. width=90% i height=80%. Wysokość powinna zależeć od tego, ile jeszcze elementów chcemy umieścić (tytuł, logo itd.)
W lewej komórce umieszczamy definicję spisu treści, czyli parametry pliku .hhc. Szerokość komórki możemy ustalić na 25 lub 30%.
W prawej komórce umieszczamy definicję pływającej ramki - iframe. Ramka może mieć szerokość i wysokość całej komórki, czyli width=100% height=100%. Właśnie do tej pływającej ramki będą kierowane dokumenty przywoływane przez pozycje spisu treści. Ramce nadajemy jakąś nazwę, np. "prawa".
W naszym przykładzie definicja jest nastepująca:
<div align=center> <table width="90%" border="1" height=80%> <tr> <td valign="TOP" width="25%"> <object id=hhctrl type="application/x-oleobject" classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11" codebase="hhctrl.ocx#Version=4,73,8561,0" width=100% height=100% > <PARAM name="Command" value="Contents"> <param name="Item1" value="tabela.hhc"> <param name="Flags" value="0x0,0x17"> </object> </td> <td valign="top"> <iframe name="prawa" src="r1.htm" width=100% height=100% frameborder="0"></iframe> </td> </tr> </table> </div>
Pozostaje jeszcze napisać definicję spisu treści, czyli plik .hhc, oraz oczywiście strony HTML z dokumentami.