SEARCH
0-9 A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
Prev | Current Page 190 | Next

Richard Wagner

"Professional iPhone and iPod touch Programming: Building Applications for Mobile Safari"

rowCuiAddressBox:last-child {
min-height: 25px;
text-align: left;
border-bottom: none !important;
}
Chapter 7: Integrating with iPhone Services
171
The :first-child and :last-child styles are used to ensure proper padding and sizing of the
contents of the box.
To style the address box label, one additional selector needs to be added onto the previously defined
.row > label.cui rule:
.row > label.cui, .rowCuiAddressBox > label.cui {
position: absolute;
margin: 0 0 0 14px;
line-height: 42px;
font-weight: bold;
color: #7388a5;
}
The display-only address box is now ready.
Creating Service Buttons
Two new links are needed to add Google Maps integration. One link will display a map of the contact
and a second will provide driving directions. Here is the fieldset definition:




These two links are assigned to the cuiServiceButton class.


Pages:
178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202