[RD] Border around Forum Problem

[xMaiax]

Okay so I want to put a border around my forum, The border I want to be just one plain image that goes from the top to the bottom.

The code I have does not seem to be working and it has stopped my banner from showing up.

Is their another code that would do what I want and allow my banner to show?

Site
Image I want to use for the border

[Tumbleweed]

Try this in your global headers toward the top:

<style>
#my_border{position: absolute;
top: 0px;
text-align: center;
background-image:url(http://i205./bb45/Nisha_Artamas/border.png);
background-attachment:fixed;
background-repeat: repeat-y;
background-position:center top;
width: 100%;
height: 210%;
z-index: -2;
}
</style>
<div id="my_border"></div>

Only tested in IE, FF and Chrome.

[xMaiax]

It looks awesome! Thanks Tumbleweed

[Tumbleweed]

I hope you come back because on your site, it isn't right in IE. It's o.k. in FF and Chrome. I need to take a closer look at your coding to see what is messing with it.

Couple things that seem to make it mess up in IE. First set the blue in what I gave you to 110%. (Weird it has to be set that way.)

width: 100%;
height: 210%;
z-index: -2;
}
</style>


Next, remove your forum resize in your footers so remove this:

<script type="text/javascript">
<!--
var fWidth = '700';

var table = document.getElementsByTagName('table');
for(t=0; t<table.length; t++) {
if(table.item(t).width == "92%") {
table.item(t).width = fWidth;
}
}
// -->
</script>

We'll resize your forum with this at the very bottom of your global header: (You could put a top table/text/image under it if you wanted)

<!--keep at bottom of header-->
<div style="text-align: center;">
<div style="width: 700px; margin: auto;">


and then this at the very top of your global footer. (Again, a table/text/image could be put above it.)

</div>
</div>
<!--keep at the top of footers-->

Retested with your coding in IE, FF & Chrome.

[xMaiax]

I came back

Okay I changed what you listed above, I am viewing in chrome so that could be why I did not see it.

I now noticed that the border seems to stop and not scroll towards the bottom of the page, am I only seeing this?

[Tumbleweed]

Hmmm, try making this blue part a bigger percent:

height: 210%;

[xMaiax]

Awesome that fixed it. Thanks Tumbleweed.

Another question on the board I have a staff table, the images their I want to have a border around them. Is their a way to do this with a code or do I have to do it in photo edit?

Sorry if it is completely off topic, just its only a small question I didn't think it would need a complete new request. I can always post it in a new thread in the board.

[Tumbleweed]

Anyone using an older version than IE 9 won't see this but you can do some css that will show in most of the other major browsers:

<style>
#round{border-radius: 15px;
-moz-border-radius: 15px;
}
</style>


And then add the id to your image:

<img id="round" src="http://i205./bb45/Nisha_Artamas/open-1.png" width="50px" height="120px">

[xMaiax]

Thanks Tumbleweed

You are awesome!

[Tumbleweed]

Awww, shucks. What a nice thing to say. I'm very glad I could help.

[♥ ℒʊ√ ♥]

Hi! I just found this thread. I would like to place a border around my entire forum with the same image as in my title bars. Are you able to help, Tumbleweed? Is it possible?


live-learn-luv.boards.net/


Any help would be appreciated. Thanks!