Thursday, December 22, 2011

JQueryMobile - Header with Image

To put a image, using img tag, in JQueryMobile header toolbar, you need to following to prevent misalignment.



There is a few trick to make it work

1. style="float:left;display:inline" make the image display inline at the left alignment to the header toolbar
2. h1 tag create an empty placeholder to tell jQueryMobile to create a header toolbar with visible height.

Default height for your image should be with 30 pixel.

1 comment: