Ericsson R380 manual Using Images as Hyperlinks, Using Tables, An image hyperlink example

Page 20

Using Images as Hyperlinks

An image can also serve as a link. By default, there are no differences in image layout if the image serves as a link or not. However, the R380 browser can be set to show image links with a frame of 1 black and 1 white pixel. This affects the card layout.

WML

An image hyperlink example

<p align="center"> <br/>

<a href="mailto:pizza@penguin.nu">

<img alt="Penguin" src="mail.gif" width="44" height="50"/></a>            <a href="wtai://wp/mc;+464690510"><img alt="Baker" src="phone.gif" width="42" height="50"/></a><br/>

</p>

Using Tables

Due to its wide display, the R380 browser has good support for tables. Tables are used to make information easier to grasp and analyze.

The R380 browser displays a table in columns and rows without a border. The table is located on a new line. Empty table cells and empty table rows are significant and are included in the presentation of the table.

A column’s contents can be left aligned, centre aligned, or right aligned. The browser will handle a multiple-lines cell, which may result from wrapping of cell contents.

The width of each column is determined by the maximum width of the text or images in that column. If the width of the table turns out to be too large, the size of each column is reduced proportionally and the contents wrapped if possible.

Tables can also be used to format card contents that includes images in an appealing way.

18

Image 20 Contents
Mobile Phone R380 Design Guidelines For WAP Services Page Contents Overview of Contents PrefaceWho Should Read this Guide? Related PublicationsDefinitions TerminologyAbbreviations General Usability Aspects User Interface Issues Browser DisplayBrowser Area Card Title BarToolbar On-screen KeyboardNavigating Font Size and Font Style Using TextDesign Components Line break example Line Spacing and Line BreaksText formatting example Paragraphs Paragraph exampleIndented Paragraphs Fieldset exampleUsing Select Lists Card Title BarSingle Choice Lists MultipleAn example of a single choice list Multiple Choice ListsOption element An example of a multiple choice list Using ButtonsOptgroup element Using Input Fields LabelType Do exampleAn input example Using ImagesValue Alt SrcVspace HspaceHyperlink example Using HyperlinksAn image example An image hyperlink example Using Images as HyperlinksUsing Tables Align Columns Polar Weather table examplePizza Penguin table example Pizza Penguin Example
Related manuals
Manual 7 pages 50.51 Kb Manual 25 pages 11.38 Kb