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.

Comments

Post a Comment

Popular posts from this blog

FFMPEG - Creating timelapse with FFMPEG with JPEG

MP4 File Format Part 1

RTSP - RTP over TCP