floating bar tutorial is making changes

Hi i followed the tutorial here: http://help.forumotion.com/t59349-awesome-toolbar-for-your-forum

to do it on my forum. I have added it in a widget, and it appears at the bottom where it is meant to fine, BUT it has effect the forums.

Here is a screen shot:


The problem is on the right hand side of the screen, the forums go into the side bar and overlap which shouldn't be happening.

this is what it should look like;


Can someone have a look at the tutorial and see if its something to do with the codes or anything? or give me any advice to fix it because i would really love to do use this tool bar.

thanks

can i bump? if so then BUMP, if not then sorry.

bump again *sigh*

grr, bump!

How about adding the code to your overall footer template and seeing if that makes any difference?
I used a bottom bar for a while and had my code in the footer template and it worked perfectly

( I just saw you are on phpbb3...hmm I dont use that, maybe they dont have templates?)

what is your forum version ?

Yeah my forum version is phpbb3, and i don't have templates.

Hmm.. try this HTML code instead:

Code:

<div id="myfooter" style="height: 40px;  position: fixed;
        width: 800px;
      top: auto;
        right: 0;
margin: 0 auto;
        bottom: 0;
        left: 0;" >

<p align="center">

<a href="link to forum page or social site"><img src="URL of icon" title="pop up title of page" border="0"></a>
<a href="link to second forum page or social site"><img src="URL of 2 icon" title="pop up title of page 2" border="0"></a>

</p></div>

@Gangstar15 wrote:Hmm.. try this HTML code instead:

Code:

<div id="myfooter" style="height: 40px;  position: fixed;
        width: 800px;
      top: auto;
        right: 0;
margin: 0 auto;
        bottom: 0;
        left: 0;" >

<p align="center">

<a href="link to forum page or social site"><img src="URL of icon" title="pop up title of page" border="0"></a>
<a href="link to second forum page or social site"><img src="URL of 2 icon" title="pop up title of page 2" border="0"></a>

</p></div>

but this code is to make a toolbar right

Spam Removed

Then try this one

Code:

<div style="position:fixed;bottom:0px;left:0;width:100%;height:55px;padding:0px 0px 0px 0px;margin: 0px 0px 0px 0px;background:url('http://i22.servimg.com/u/f22/15/42/72/40/toolba10.png') bottom center no-repeat;z-index: 999;text-align:center;" >

<p align="center">

<a href="link to forum page or social site"><img src="http://illiweb.com/fa/fdf_en3/nouvea19.png" title="pop up title of page" border="0"></a>
<a href="link to second forum page or social site"><img src="http://illiweb.com/fa/fdf_en3/nouvea19.png" title="pop up title of page 2" border="0"></a>

</p></div>

Thanks, solved

Since this thread appears to be solved, I will lock this thread and mark it as solved.


Sanket