• Getting Started
  • Writing for UQ Drupal
  • Configuring site title
  • Site Editor Training
  • Planning your website
  • Administrator view
  • Alert boxes
  • Content Writing
  • Building a homepage
  • Writing for the Web
  • Site Coordinator Training
  • Banners
  • User types
  • Legacy system support section
  • Accessibility
  • Blocks
  • UQ School Template Training
  • Logging in
  • Administration
  • Brand Colours
  • Views
  • Design & Build
  • Images for the web
  • Buttons
  • Display Suite
  • UQ Base theme: Style Guide
  • Equal height elements
  • Search Engine Optimisation
  • Image Styles
  • For Developers
  • DS Inception
  • Forms
  • Drupal Glossary
  • Creating a sandbox
  • Icons
  • How to create banners
  • Training
  • List with lead
  • Google Analytics
  • UQ School Theme: Style Guide
  • Panels
  • UQ Base Regions
  • Utility classes
  • UQ Base theme
  • Quicktabs
  • Webforms
  • Tables
  • Toggle
  • Typography
  • UQ News RSS feeds
  • Block grid
  • Demo form
  • Date and Time
  • Grid
  • Menus
  • Name space standards
  • Theme settings
  • URL patterns
  • Central data
  • Maintenance mode
  • Site search
  • Developer Virtual Machine
  • Developer Contribution Workflow
  • UQ Base theme updates
  • Modules available for use in UQ Drupal
  • Migration Classes
  • DS Inception V3
  • Automated Tests
  • Tables

    Cell alignment

    By default cell content will vertically aligned to the center of the cell.

    Default table with caption

    Table caption
    tbody th one tbody th two tbody th three tbody th four
    Division 1 Division 2 Division 3 Division 4
    Division 1 Division 2 Division 3 Division 4
    Division 1 Division 2 Division 3 Division 4

    Borderless table

    class='noborder'

    tbody th one tbody th two tbody th three tbody th four
    Division 1 Division 2 Division 3 Division 4
    Division 1 Division 2 Division 3 Division 4
    Division 1 Division 2 Division 3 Division 4

    Simple table with outline

    class='noborder striped outline'

    Table Header Table Header Table Header Table Header
    Content Goes Here This is longer content Donec id elit non mi porta gravida at eget metus. Content Goes Here Content Goes Here
    Content Goes Here This is longer Content Goes Here Donec id elit non mi porta gravida at eget metus. Content Goes Here Content Goes Here
    Content Goes Here This is longer Content Goes Here Donec id elit non mi porta gravida at eget metus. Content Goes Here Content Goes Here

    Horizontal rule table

    class='horizontal striped'

    tbody th one tbody th two tbody th three tbody th four
    Division 1 Division 2 Division 3 Division 4
    Division 1 Division 2 Division 3 Division 4
    Division 1 Division 2 Division 3 Division 4

    Minimal table

    class='minimal'

    tbody th one tbody th two tbody th three tbody th four
    thead th one Division 2 Division 3 Division 4
    thead th one Division 2 Division 3 Division 4
    thead th one Division 2 Division 3 Division 4

    Styled table

    class='border gradient rounded uppercase'

    # IMDB Top 10 Movies Year
    1 The Shawshank Redemption 1994
    2 The Godfather 1972
    3 The Godfather: Part II 1974
    4 The Good, the Bad and the Ugly 1966
    5 Pulp Fiction 1994
    6 12 Angry Men 1957
    7 Schindler's List 1993
    8 One Flew Over the Cuckoo's Nest 1975
    9 The Dark Knight 2008
    10 The Lord of the Rings: The Return of the King 2003

    Styled table

    class='noborder outline striped gradient'

    Client/Browser Test Issues
    Gmail (Desktop)  
    Gmail (Mobile) If the same email is sent repeatedly Gmail will clip it, causing the layout to appear slightly wonky.
    Gmail (iOS)  
    Gmail (Android)  
    Yahoo Mail (Desktop)  
    Yahoo Mail (Mobile)  
    Mail (iOS)  
    Mail (OSX)  
    Email (Android)  
    Outlook 2000-2003  
    Outlook 2007  
    Outlook 2012  
    Hotmail (Desktop) Headers are green for some reason.
    Hotmail (Mobile) Body is 15px too wide to the right - might be a padding issue.
    Thunderbird  
    Sparrow (iOS)  
    Sparrow (Desktop)  

    Faculty of Business, Economics and Law

    General Information Session for Australian Undergraduate Students

    This session includes information about your program including what to enrol in now, what major you can study, how to plan your program, changing programs, and important dates for successful study.
    WHO All Australian students commencing studies in undergraduate programs in the Faculty, including dual programs
    WHEN Monday, 30 January 2012 - Wednesday, 1 February 2012 - Add to calendar
    WHERE Physiology, Building 63, Room 358 - View Map

    Monday 21 February | What's on this week

    This session includes information about your program including what to enrol in now, what major you can study, how to plan your program, changing programs, and important dates for successful study.

    Time Activity Location
    Monday
    00.00am - 00.00pm Table Cell Table Cell
    00.00am - 00.00pm Table Cell Table Cell
    00.00am - 00.00pm Table Cell Table Cell
    00.00am - 00.00pm Table Cell Table Cell
    Tuesday
    00.00am - 00.00pm Table Cell Table Cell
    00.00am - 00.00pm Table Cell Table Cell
    00.00am - 00.00pm Table Cell Table Cell
    Wednesday
    00.00am - 00.00pm Table Cell Table Cell
    00.00am - 00.00pm Table Cell Table Cell
    00.00am - 00.00pm Table Cell Table Cell

    Green theme table

    .green-theme

    tbody th one tbody th two tbody th three tbody th four
    Division 1 Division 2 Division 3 Division 4
    Division 1 Division 2 Division 3 Division 4
    Division 1 Division 2 Division 3 Division 4

    Blue theme table

    .blue-theme

    tbody th one tbody th two tbody th three tbody th four
    Division 1 Division 2 Division 3 Division 4
    Division 1 Division 2 Division 3 Division 4
    Division 1 Division 2 Division 3 Division 4

    Gold theme table

    .gold-theme

    tbody th one tbody th two tbody th three tbody th four
    Division 1 Division 2 Division 3 Division 4
    Division 1 Division 2 Division 3 Division 4
    Division 1 Division 2 Division 3 Division 4
    Previous (Webforms)Next (Toggle)