Buried CSS

Drupal UL styles, Part 2: .item-list ul

13jupiters's picture

Drupal modules - both core and contributed - wrap a high percentage of unordered lists in the "item-list" class. If your lists aren't behaving as your css suggests, view source in your browser to find out whether the list you're trying to style is, in fact, an item list

Drupal UL Styles, Part 1: ul.links

13jupiters's picture

One of the challenges that faces any site designer involves using the UL tag to its best advantage. In drupal the challenge is complicated by the frequent appearance of several classes which are pre-styled by drupal.

The $help variable: content already wrapped

13jupiters's picture

Drupal allows modules to output 'help' messages to the page.

To display 'help', a theme usually includes a line like this somewhere in the page.tpl.php file:

<?php if ($help): ?><?php print $help ?><?php endif; ?>

The diligent themer, wishing to provide helpful visual cues for helpful help text, may be tempted to wrap this in a div of some sort. However, this isn't necessary: $help comes pre-wrapped in a div with the class attribute 'help'.

Syndicate content

A Sample Block

Here is a paragraph in the bottom block area.

  • a sample item
  • in an 'item-list' div
  • one of drupal's preferred
  • content wrappers
Valid XHTML 1.0 StrictValid css 2