Center Banner Image

[NeonFirenze]

I cannot figure out how to center my banner image in the header. It is at the far left as you can see at Keep775Dirty.  See attachment for the image I am talking about.

I have been toggling between scheme/layout and visual editor/style sheet to try and solve this issue, but maybe it is a conflicting line in the style sheet code (around line 243?)...

...Or maybe I assigned a position incorrectly?

Any new code, debugging, or removal of code suggestions is greatly appreciated. Thanks!

EDIT: I found its not centered because I changed the width from 100% to 81% to get rid of the background container, from being shown, but if I change it back to 100% then I have the problem of that container revealed.  Any way to center AND get rid of the background container?

Attachments:

[Todge]

Your banner is not in the forum 'wrapper', that's why it errs to the left when the width is less than 100%.

Make sure your banner cell is below the line '<div id="wrapper" style="width: **%">' in your forums' template.

[NeonFirenze]

Oh mann you are a saint, that worked. Thank you Todge! One more thing learned when it comes to html.

[NeonFirenze]

Sorry, so that centered it but now I cannot figure out how to keep it centered like that and narrow down my forum width from 100% to like 80%. I tried changing it in the line code, the banner template page, and the width option in the visual editor.

Unless maybe my banner is just that actual size and I should make a narrower banner?  It has a width of 1024, so maybe that's it.

Thanks.

[Todge]

Apr 20, 2018 13:22:37 GMT -8 NeonFirenze said:

Sorry, so that centered it but now I cannot figure out how to keep it centered like that and narrow down my forum width from 100% to like 80%. I tried changing it in the line code, the banner template page, and the width option in the visual editor.

Unless maybe my banner is just that actual size and I should make a narrower banner?  It has a width of 1024, so maybe that's it.

Thanks.

Just add a width to the banner in your layout.. Find the image and add the red bit..

<a id="logo" href="/"><img src="//storage.proboards.com/6777851/images/oOJcViPsUYCylyUmNBle.jpg" alt="Keep775Dirty" title="Keep775Dirty" style="width: 100%"></a>

Setting it to 100% will mean that the image will fit the forum no matter what width it's displayed.

[NeonFirenze]

Apr 21, 2018 15:45:03 GMT -8 Todge said:

Apr 20, 2018 13:22:37 GMT -8 NeonFirenze said:

Sorry, so that centered it but now I cannot figure out how to keep it centered like that and narrow down my forum width from 100% to like 80%. I tried changing it in the line code, the banner template page, and the width option in the visual editor.

Unless maybe my banner is just that actual size and I should make a narrower banner?  It has a width of 1024, so maybe that's it.

Thanks.

Just add a width to the banner in your layout.. Find the image and add the red bit..

<a id="logo" href="/"><img src="//storage.proboards.com/6777851/images/oOJcViPsUYCylyUmNBle.jpg" alt="Keep775Dirty" title="Keep775Dirty" style="width: 100%"></a>

Setting it to 100% will mean that the image will fit the forum no matter what width it's displayed.

Okay, awesome.  Thank you!

[Todge]

No worries..