Demo: Text/Image Lists

Text/Image List Class: .textImageList

• 

  This is an example of text/image list in fapulous framework. The image is aligned at the right side if the css class .textImageList is applied to the <ul> tag. To use this embed

  <link rel="stylesheet" href="http://fapulous-framework.appspot.com/css/ff-textimagelists.css" type="text/css" media="screen" />

  ... in your html page.

  This list point has the css class til200px so the image at the right is shown in 200px width.

• 

  This list point has the css class til100px so the image at the right is shown in 100px width.

• 

  This list point has the css class til64px so the image at the right is shown in 64px width.

• 

  This list point has the css class til16px so the image at the right is shown in 16px width.

Text/Image List Class: .textImageListR

• 

  This is an example of text/image list in fapulous framework. The image is aligned at the left side if the css class .textImageListR is applied to the <ul> tag. To use this embed

  <link rel="stylesheet" href="http://fapulous-framework.appspot.com/css/ff-textimagelists.css" type="text/css" media="screen" />

  ... in your html page.

  This list point has the css class til200px so the image at the right is shown in 200px width.

• 

  This list point has the css class til100px so the image at the right is shown in 100px width.

• 

  This list point has the css class til64px so the image at the right is shown in 64px width.

• 

  This list point has the css class til16px so the image at the right is shown in 16px width.