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:

Turning off overwrite/overtype mode

I had a little irritating problem today when I am typing in WhatApp Web. For some reason, the text in the textbox is always in overtype mod...