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

    - Image Replacement CSS Techniques
    - Using BlueTrip`s Success, Notice and Error C...
    - More Uses for the Thin and Caps CSS Classes ...
    - Styling Definition Lists with the BlueTrip C...
    - Styling Unordered and Ordered HTML Lists wit...
    - Using the BlueTrip CSS Framework`s Thin and ...
    - Adding Borders to Web Page Columns with Blue...
    - Introducing the BlueTrip CSS Framework
    - Using a Background Grid to Assist Web Page L...
    - Extending the Rule Of Thirds for Web Page La...
    - A Two-Column Web Page Layout Based on the Ru...
    - Using the Rule Of Thirds for Web Page Layout
    - Swapping Columns Using the Divine Ratio for ...
    - Using the Golden Ratio in Liquid Web Page De...
    - Fundamental Design Principles for Web Page L...







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