Style Sheets
  Home arrow Style Sheets arrow Styling Unordered and Ordered HTML Lists w...
Dev Articles Forums 
ADO.NET  
Apache  
ASP  
ASP.NET  
C#  
C++  
ColdFusion  
COM/COM+  
Delphi-Kylix  
Design Usability  
Development Cycles  
DHTML  
Embedded Tools  
Flash  
Graphic Design  
HTML  
IIS  
Interviews  
Java  
JavaScript  
MySQL  
Oracle  
Photoshop  
PHP  
Reviews  
Ruby-on-Rails  
SQL  
SQL Server  
Style Sheets  
VB.Net  
Visual Basic  
Web Authoring  
Web Services  
Web Standards  
XML  
Mobile Linux 
App Generation ROI 
IBM® developerWorks 
Weekly Newsletter
 
Developer Updates  
Free Website Content 
 RSS  Articles
 RSS  Forums
 RSS  All Feeds
Write For Us Get Paid 
Request Media Kit
Contact Us 
Site Map 
Privacy Policy 
Support 
 USERNAME
 
 PASSWORD
 
 
  >>> SIGN UP!  
  Lost Password? 
STYLE SHEETS

Styling Unordered and Ordered HTML Lists with BlueTrip
By: Alejandro Gervasio
  • Search For More Articles!
  • Disclaimer
  • Author Terms
  • Rating: 5 stars5 stars5 stars5 stars5 stars / 1
    2009-11-16

    Table of Contents:
  • Styling Unordered and Ordered HTML Lists with BlueTrip
  • Review: the thin and caps CSS classes
  • Styling unordered HTML lists
  • Styling ordered HTML lists

  • Rate this Article: Poor Best 
      ADD THIS ARTICLE TO:
      Del.ici.ous Digg
      Blink Simpy
      Google Spurl
      Y! MyWeb Furl
    Email Me Similar Content When Posted
    Add Developer Shed Article Feed To Your Site
    Email Article To Friend
    Print Version Of Article
    PDF Version Of Article
     
     
    ADVERTISEMENT


    Styling Unordered and Ordered HTML Lists with BlueTrip


    (Page 1 of 4 )

    Welcome to the fourth part of a seven-part series on the BlueTrip CSS framework. In this part, I explain how to use the framework's default styles to enhance the visual appearance of both ordered and unordered HTML lists. This is an easy and straightforward process.

    If you ever wondered what makes a CSS framework a solid web design tool, then you may realize that it must provide a well-trusted set of style resetting classes and a clean background grid, plus the ability to quickly style common HTML elements in different ways, such as headers and paragraphs, lists and links, forms and tables, and so forth.

    Fortunately, nowadays there's a group of CSS frameworks that suit most of these requirements. This list includes BlueTrip, which claims to put together the best features offered by BluePrint CSS and Tripoli (hence its name). So, if you're a web designer who's searching for a comprehensive guide that shows you how to work with this popular CSS framework, then this group of articles might be the material that you need.

    And now that you've been introduced to the main goal of this series, it's a good time to review the topics that were covered in the last article. In that article I developed a few basic examples that demonstrated how to use the "thin" and "caps" CSS classes that come with BlueTrip to produce some elegant variations of H2 headers.

    Nonetheless, when it comes to styling text-based web page elements quickly, BlueTrip offers numerous interesting and appealing possibilities. Thus, in this fourth part of this series I'm going to discuss how to style both ordered and unordered lists using the default CSS classes provided by BlueTrip.

    Now, it's time to take a closer look at the specific capabilities offered by the BlueTrip CSS framework. 

    More Style Sheets Articles
    More By Alejandro Gervasio


       · This chapter of the series explains how to use BlueTrip default CSS styles to spice...
     

    STYLE SHEETS ARTICLES

    - Building Rounded Corners with CSS3`s -webkit...
    - Using the Custom -moz-border-radius Property...
    - Using CSS3`s Border-Radius Property to Build...
    - Adding Semantic Meaning to Styled Code Block...
    - Styling Code blocks with CSS: Using pre HTML...
    - Building Rounded Corners with CSS3
    - Finishing a Casual Navigation Bar with CSS S...
    - Defining a Navigation Bar`s Hover State with...
    - Styling a Blog`s Links Bar with CSS Sprites
    - Creating an Artistic Blog Header with CSS Sp...
    - Defining the Active State of Menu Sections f...
    - Styling the Hover State of a CSS Sprite-Base...
    - Building CSS Sprite-Based Navigation Bars
    - Creating Framed Pictures with CSS
    - Using a CSS Shading Effect to Decorate Images







    © 2003-2010 by Developer Shed. All rights reserved. DS Cluster 8 Hosted by Hostway
    For more Enterprise Application Development news, visit eWeek