How to add a side wide banner

I wan't to add a side wide banner via custom html. But when I attach my code for banner "after header" and edit a page, then i miss the last two rows inside the editor. I can't even see the arrow on the right hand side to scroll down.

How can I add a banner without screwing up the editor?

This is the HTML I'm using right now inside Documentation Theme:

<table width="100%" border="0" cellspacing="0" style="background:#F79618;"> <tr> <td width="28%"><img src="/images/kp_banner1.gif">
<td width="72%"><img src="/images/kp_banner2.gif" align="right"></td>

Any suggestions?

Regards Oliver

8 answers

0 vote
David Simpson Community Champion Sep 25, 2011

Don't use tables unless you're adding tabular data.

Try something more like this (untested) instead:

&lt;div style="background:#F79618;"&gt;
  &lt;img src="/images/kp_banner2.gif" style="float:right;"&gt;
  &lt;img src="/images/kp_banner1.gif"&gt;

For extra points, externalise the styles.

Hello David,

thanks for this one. But same problem without tables.

I probaly have to edit the main template and not injecting the code afterwards? But I'm not sure where and how. I'm totally newbie in customizing themes/templates.



0 vote
David Simpson Community Champion Sep 25, 2011

Can you attach a screenshot? This might help

0 vote
David Simpson Community Champion Sep 25, 2011

Which browser and version of the browser are you using?

I don't know how to attach here, so I uploaded to a hoster

It's crazy, with Confluence 3.5 it was working perfectly, now with 4.0 it is messed up.

For screenshot I was using IE 8 but it's the same with Firefox 5 and 6. It also the same on different machines.

It might help to get rid of the Tip in the footer to make footer smaller. But I also don't know how to remove the tip.

0 vote

Possibly a bug in confluence 4.0? Ie the css fails to take into account the size of banner when drawing the editor and footer etc. Sorry for being so vague but I've had similar problems before.

Suggest an answer

Log in or Sign up to answer
Atlassian Community Anniversary

Happy Anniversary, Atlassian Community!

This community is celebrating its one-year anniversary and Atlassian co-founder Mike Cannon-Brookes has all the feels.

Read more
Community showcase
Kesha Thillainayagam
Posted Apr 13, 2018 in Confluence

We want to hear how your non-technical teams are using Confluence!

Hi Community! Kesha (kay-sha) from the Confluence marketing team here! Can you share stories with us on how your non-technical (think Marketing, Sales, HR, legal, etc.) teams are using Confluen...

2,798 views 26 10
Join discussion

Atlassian User Groups

Connect with like-minded Atlassian users at free events near you!

Find a group

Connect with like-minded Atlassian users at free events near you!

Find my local user group

Unfortunately there are no AUG chapters near you at the moment.

Start an AUG

You're one step closer to meeting fellow Atlassian users at your local meet up. Learn more about AUGs

Groups near you