Kod generujący tabele

Podobnie jak w przypadku omawianym powyżej, kod Joomla! i Mambo może wygenerowanć dwa rodzaje wpisów w dokumencie HTML:

• generujący standardową tabelę klasy contentpane

  <!-- I -->
  <table width="100%" cellpadding="0" cellspacing="0" border="0" 
     align="center" class="contentpane">
  lt;!-- wiersz i komórki -->
  </table>

• generujący specyficzną tabelę klasy contentpane-przyrostek

  <<!-- II -->
  <table width="100%" cellpadding="0" cellspacing="0" border="0" 
     align="center" class="contentpane-przyrostek">
  <!-- wiersz i komórki -->
  </table>

Możliwe jest więc zdefiniowanie w arkuszu stylów alternatywnej klasy contentpane-przyrostek do wykorzystania przez administratorów w różnicowaniu wyglądu niektórych działów witryny.

Kaskadowość i ważne reguły

Tabele tej klasy nieco trudniej poddają się formatowaniu, bowiem w rozpoczynających je znacznikach określono kilka właściwości:

<table width="100%" cellpadding="0" cellspacing="0" border="0" 
   align="center" class="contentpane<?php echo $params->get( 'pageclass_sfx' ); ?>">

Zgodnie z zasadą kaskadowości, style określone bezpośrednio w dokumencie mają pierwszeństwo przed stylami zdefiniowanymi czy to w arkuszu osadzonym, czy w arkuszu zewnętrznym.

Jeśli więc z jakichś istotnych względów chcemy np. zmniejszyć szerokość tabel klasy .contentpane {}, musimy skorzystać z udostępnianej przez CSS ważnej reguły [important rules] - !importatnt, mechanizmu nadajacego wyższą specyficzność wszystkim innym regułom. Frazę !important dodajemy przed średnikiem kończącym regułę.

Przykład. Ważne reguły w stylu .contentpane

table.contentpane {
  width            : 95%!important;   /* zmniejszy szerokość tabel */
  border-spacing   : 1px!important;   /* ustali odstęp od obwódek */
  border-width     : 1px!important;   /* ustali szerokość obwódek */
}