Problem when integrating site with forum!

Started by osh.com.au, November 11, 2005, 12:21:55 AM

Previous topic - Next topic

osh.com.au

I popped this post in the already made thread in regards to integrating the forum with the site however I thought it may be missed there. Anyways I wrote:

Hi I have used the simple way of doing this and my results can be found at hxxp:osh.com.au/forum/index.php [nonactive]

There is a slight problem my link bar as it is not sitting where it should be. If you go to hxxp:www.osh.com.au [nonactive] you can see where it sits. Does anyone have any suggestions? I have fiddled with it a little (I am a bit of a noob) and have had no luck. I don't want to exactly change my link bar as It generally works well for everything else.

I only added the header as I didn't need a footer added. The code I am using is below.... Is there anyway to edit it so the link bar will fit?

<html><!-- InstanceBegin template="../../Unnamed%20Site%201/Templates/template.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
</head>

<body background="/images/lgrey104.jpeg" link="#FF6600" vlink="#0000CC" alink="#FF9900" style="margin:0;">
<table width=994 height="100%" border=0 align="center" cellpadding=0 cellspacing=0>
<tr>
<td width="1004" height="17" background="/images/topbg.gif">&nbsp; </td>
</tr>
<td height="100" background="/images/mainpic4.jpg" style="padding-left:70px; ">&nbsp;</td>
</tr>
    <td height="78" background="/images/navbg.gif"><script language="JavaScript" src="/structure.js"></script>
        &nbsp;</div></td>
</tr>
<tr>
<!-- Start of StatCounter Code --><script type="text/javascript" language="javascript">
var sc_project=1026961;
var sc_invisible=1;
var sc_partition=9;
var sc_security="cf97aced";
    </script><script type="text/javascript" language="javascript" src="http://www.statcounter.com/counter/counter.js"></script><noscript>
<a href="http://www.statcounter.com/" target="_blank"><img  src="http://c10.statcounter.com/counter.php?sc_project=1026961&amp;java=0&amp;security=cf97aced&amp;invisible=1" alt="free hit counter" border="0"></a></noscript><!-- End of StatCounter Code --><script language="JavaScript" src="/settings.js"></script></body><!-- InstanceEnd --></html>


If no one can help, do you think I would be best of leaving it the way it is (or does it look to stupid) or should I simply keep the banner/header?

Thanks in advance for your help!  :D

osh.com.au


cronic5

What do you mean the link bar isn't sitting where it is supposed to?
My site
Yay!

osh.com.au

Quote from: cronic5 on November 11, 2005, 10:12:18 PM
What do you mean the link bar isn't sitting where it is supposed to?

See at hxxp:www.osh.com.au [nonactive] (and all the other pages) it sits higher?

forsakenlad

Quote from: osh.com.au on November 11, 2005, 09:06:10 PM
No suggestions of comments what so ever?  :-[

Please don't bump. Your site is not accesible from my PC.
Eren "forsakenlad" Yaşarkurt
SMF Friend & Former Team Member

cronic5

Ah, I see. It is because a table is used in SMF that has cellspacing/padding that doesn't quite go to the top, I am not sure exactly (I will check on mine and get back to you) but somewhere in the index.template.php file, would be where it is. Of course, if you wanted a really quick fix, you could just do an absolute positioning div which would be like this:

<div style="position: absolute; top: 0px; left: 5px;">Banner</div>

But that would be unreliable, because I know some browsers don't support it too well and read them differently.

But like I said, I will find the exact string of code and get back to you.
My site
Yay!

osh.com.au

Quote from: cronic5 on November 13, 2005, 12:40:18 AM
Ah, I see. It is because a table is used in SMF that has cellspacing/padding that doesn't quite go to the top, I am not sure exactly (I will check on mine and get back to you) but somewhere in the index.template.php file, would be where it is. Of course, if you wanted a really quick fix, you could just do an absolute positioning div which would be like this:

<div style="position: absolute; top: 0px; left: 5px;">Banner</div>

But that would be unreliable, because I know some browsers don't support it too well and read them differently.

But like I said, I will find the exact string of code and get back to you.

Thanks very much, it would be much appreciated. I am sorry forsakenlad it will not happen again!

bloc

I think its the #headerarea class that cause the headache. Try to remove it from style.css and see what happens.

JJDRP

Quote from: Bloc on November 14, 2005, 11:53:58 AM
I think its the #headerarea class that cause the headache. Try to remove it from style.css and see what happens.

That is partly correct. The issue is placing the the page header inside the DIV tag with the #headerarea ID.

<div id="headerarea" style="padding: 12px 30px 4px 30px;">

If you notice the style is coded inline, so removing the #headerarea class itself would not help.

The soulution would be to remove the DIV tag or set the padding to 0 or place his site header outside of/ before the DIV tag.

osh.com.au

Thanks I will have a fiddle with it tonight (it's time for work now) and see how I go.

Thanks again!

osh.com.au

Well I tried removing:

<div id="headerarea" style="padding: 12px 30px 4px 30px;">

and I also tired removing a couple other lines after it!

And that did not make a difference. I then changed it to

<div id="headerarea" style="padding: 0px 0px 0px 0px;">

Which also did not seem to make a difference. I did these changes to the index.template.php file (obviously in the correct theme), is this where I was suppose to make the changes? Currently if you have a look at hxxp:www.osh.com.au/forum [nonactive] the padding is still 0px

Thanks everyone!

bloc

In firefox it seem its up against the top now?

Advertisement: