Search jQuery

jQuery Forum

Can I put a company logo in the header? (JqueryMobile)

in jQuery Mobile • 11 years ago

I need put a image or icon in a header section.
I wrote this:

<div data-role="header" data-theme="b" data-position="fixed">
<h1>My Web Title</h1>
...

I can put a button with default icon, but i can't put a image or icon or banner on the left corner.

Can you help me?

Thanks.

Replies(6)

ryan.stew..

Re: Can I put a company logo in the header? (JqueryMobile)

11 years ago

This worked for me.

<div data-role="header">
<img border="0" src="http://i490.photobucket.com/albums/rr270/pelicancup/FaceBook30x30.jpg" alt="Logo, Facebook" style="float:left;display:inline"/>
<h1>My Web Title</h1>
</div>

Maureen M..

Re: Re: Can I put a company logo in the header? (JqueryMobile)

9 years ago

Why when i try to put a image of 70x70px it dosnt fit all the image in the header...sorry about my english...

GonzaloA

Re: Can I put a company logo in the header? (JqueryMobile)

11 years ago

It worked perfectly
Thanks!!!

andre.van..

Re: Can I put a company logo in the header? (JqueryMobile)

10 years ago

@ryan.stewartiee I've done what you said to do, but I've got a "Back" button on the header too. Now my image has the button over it... How can I move the button to the right if the image is left?

bagman

Re: Can I put a company logo in the header? (JqueryMobile)

10 years ago

Did you add the ui-btn-right class to your button? See the "Button position classes" section of http://view.jquerymobile.com/1.3.1/demos/widgets/headers/