How to add a side wide banner

Konzept plus September 25, 2011

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>
<td width="72%"><img src="/images/kp_banner2.gif" align="right"></td>
</tr>
</table>

Any suggestions?

Regards Oliver

8 answers

0 votes
JamieA
Rising Star
Rising Star
Rising Stars are recognized for providing high-quality answers to other users. Rising Stars receive a certificate of achievement and are on the path to becoming Community Leaders.
September 25, 2011

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.

0 votes
Konzept plus September 25, 2011

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 votes
Konzept plus September 25, 2011

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

0 votes
Konzept plus September 25, 2011

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

http://www.pic-upload.de/view-11499346/editor.jpg.html

http://www.pic-upload.de/view-11499366/editor_banner.jpg.html

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

0 votes
David at David Simpson Apps
Marketplace Partner
Marketplace Partners provide apps and integrations available on the Atlassian Marketplace that extend the power of Atlassian products.
September 25, 2011

Which browser and version of the browser are you using?

0 votes
David at David Simpson Apps
Marketplace Partner
Marketplace Partners provide apps and integrations available on the Atlassian Marketplace that extend the power of Atlassian products.
September 25, 2011

Can you attach a screenshot? This might help

0 votes
Konzept plus September 25, 2011

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.

Thanks

Oliver

0 votes
David at David Simpson Apps
Marketplace Partner
Marketplace Partners provide apps and integrations available on the Atlassian Marketplace that extend the power of Atlassian products.
September 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;
&lt;/div&gt;

For extra points, externalise the styles.

Suggest an answer

Log in or Sign up to answer
TAGS
AUG Leaders

Atlassian Community Events