# Information Fields

Back

# With images and content

- Julio Alonso Picture

- ## Diego Martín Lafuente

  Minid.net

- ### E-mail

  info@example.com

- ### Website

  Blog Merodeando

- ### Address

  Carrer de Calàbria 168,
  08015 Barcelona, Spain
  World

- ### Location

  Map

- ### Mobile

  +34 999 888 777

- ### Work

  +34 212 462 174

- ### Notes

  Hello there this is a very small note I want to write.

- This is how the picture works: You only need to print in the `HEAD` element of this page an `STYLE` element with a `li.picture` class and a background property.

  View the source of this page as an example.

  Only two `LI` elements can be used on `UL.profile`. The first one sets the picture dimentions, background and borders. The other holds the data, cleaning all possible styling.

  Both Title and description on the second `LI` will overflow hidden with ellipsis if the text is really longer, but if you use horizontally it will scaled perfectly. You can test it on this page by turning the iPhone/iPod Touch vertical and horizontal position.

Best enjoyed on a real iPhone
This iPhone UI Framework kit is licenced under GNU Affero General Public License (GNU AGPL 3)