 Joomla sectie lijst weergave css stijlen
De sectielijst lijkt op de categorielijst. Zonder aanvullende stijling ziet de pagina er als volgt uit.
De structuur ziet er als volgt uit.
div.componentheading
table.contentpane (align:center)
td.contentdescription (width:60%) Sectie beschrijving
td ul
li a.category Voorpagina artikel 1 span.small (1 Artikel)
Categorie beschijving
li a.category Voorpagina artikel 2 span.small (1 Artikel)
Categorie beschijving
li Etc.
De stijlen
div.componentheading
Deze stijl is reeds behandeld bij div.componentheading
table.contentpane
Deze stijl is al behandeld bij table.contentpane
Hier is sprake van een inconsistentie van de Joomla bronbestanden. Konden we bij de categorielijst de lijstitems onderscheiden met een wisselende achtergrondkleur, bij sectielijst kan dat niet. Voor de voorbeeld website willen we geen bullits in de lijst, de lijst links laten lijnen en iets meer marge tussen de lijstitems.
table.contentpane td ul {
list-style: none;
margin: 0 0 0 6px;
}
table.contentpane td ul li {
margin: 0 0 5px 0;
}
td.contentdiscription
Deze stijl is al behandeld bij td.contentdiscription.
a.category
De link a.category kan specifiek worden gestijld. Voor de voorbeeld website vullen we geen stijlen in.
a.category,
a:visited.category { }
a:hover.category, { }
Na het invullen van de stijlen ziet de sectie lijst er als volgt uit.
|