Jedną z zalet podanego rozwiązania jest to, że tekst etykiet może być skalowany. Wykonanie operacji Widok → Rozmiar tekstu → Zwiększ w przeglądarce Firefox (skrót klawiszowy: Ctrl+) spowoduje zwiększenie rozmiaru tekstu. Każdy z napisów pozostanie na swoim miejscu (tj. będzie wyśrodkowany wewnątrz przycisku). Rysunek 14 przedstawia witrynę z powiększonym kilkukrotnie tekstem etykiet przycisków.
Rysunek 14. Trzeci przykład zwiększeniu rozmiaru tekstu
Druga zaletą jest łatwość wymiany tekstu witryny. W celu zmiany podpisu opcji z Lorem na One, two, three wystarczy kod XHTML:
<li><a href="lorem.html">Lorem</a></li>
wymienić na:
<li><a href="one.html">One, two three</a></li>
Podane rozwiązanie przetestowałem w przeglądarkach: IE 6, IE 7, FF 1.5, FF 2.0, Opera 7.54, Netscape 8.
Co ciekawe, przygotowanie rozwiązania wykorzystującego tabelki wymagałoby pokrojenia obrazu na ... 65 kawałków, co ilustruje rysunek 15.
Oczywiście opisane rozwiązanie możemy wzbogacić o skrypt JavaScript pobierający wszystkie obrazki tła podczas pierwszego wejścia na stronę. Jedynym aspektem wstępnego pobierania dostępnym w JS, a niedostępnym w CSS, jest to, że nie możemy zablokować działania menu (tj. wymiany obrazków), aż do momentu, gdy wszystkie obrazy tła są pobrane.
Rysunek 15. Tabelka i 65 obrazów
