UWAGA: Strona zawiera materiały archiwalne. Większość artykułów dotyczy Joomla! 1.0
Start arrow Szablony arrow CSS w Joomla arrow Treść główna: tabela w stylu contentpane
Treść główna: tabela w stylu contentpane Drukuj Email
Klasę .contentpane {} przypisano tabelom obejmującym wykazy - zawartości sekcji artykułów, kategorii artykułów, kontaktów, adresów WWW i innych pozycji.

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 */
}
Zmieniony ( 22.06.2007. )
 
« poprzedni artykuł   następny artykuł »