Page 1 of 1

How can I get a banner image displayed covering the entire header?

Posted: Sat May 18, 2013 8:27 pm
by Slang

I tried adding some javascript on page load but the image displays in the center of the header with a lot of padding around it, i cant seem to get rid of the padding:

Tiggzi("mobileheader").html("Image style='float:left;display:inline'");
Tiggzi('mobileheader').css('margin', '0px 0px 0px 0x');
Tiggzi('mobileheader').css('padding', '0px 0px 0px 0x');

Any suggestions? I'd the image to take up all of the header and scale as the screen size/orientation changes


How can I get a banner image displayed covering the entire header?

Posted: Sat May 18, 2013 8:29 pm
by Slang

The html didnt display properly, its supposed to be:

'Image


How can I get a banner image displayed covering the entire header?

Posted: Sat May 18, 2013 8:30 pm
by Slang

trying without the angle brackets:

img border='0' src='" + Tiggzi.getImagePath('logo-290x60-t.png') + "'width='100%' height='60px' style='float:left;display:inline'


How can I get a banner image displayed covering the entire header?

Posted: Sat May 18, 2013 8:30 pm
by maxkatz

When you post, click on "some HTML allowed" link to see how to embed HTML code.


How can I get a banner image displayed covering the entire header?

Posted: Sat May 18, 2013 8:38 pm
by maxkatz

Try using Chrome Dev. Tools to see where the padding is coming from. It's possible there is some other CSS that's being applied.