Space at Top of Page

[Jayne Louise]

What is creating that 5mm space at the top of the forum? I want to put a banner right at the top with no space. Ive thoroughly been through the css files for margin related settings and have come up with nothing.

RC4 Curve

[Jayne Louise]

Can someone give me a clue.

Nothing I change in the index.css or Display Template seems to decrease the top forum margin.

I have placed a table in the display template for a banner and it repostions the forum top at a lower position. Great. But the top of the table has a 5mm space between it and the top of the browser/screen.

How can I make the table top = zero?

[NanoSector]

Clue: index.template.php of your theme

It controls most of the template, like the catbg's and roundframes.

So methinks that is the place to search.

[Tyrsson]

I have not worked with curve much so this is only a guess. If you open the main block image and look at it you may find that area is actually within the image. If I remember correctly.

[Jayne Louise]

Thanks both.

Ive managed to do this with your help. Im not sure if its the best way to do it but it works.

In the index template at the top of the page before the <?php start tag Ive added a simple html table

Code Select Expand


<table  width="96%" align="center" bgcolor="#000000" >
    <tr>
       <td>
                        Hello
      </td>
</table>


The bg image at the top is backdrop.png. The only time it gets a mention anywhere is in the index.css line36.

Ive changed the margin value from 0 auto;  to -15 auto; and now my little table sits snugly at the top of the screen just as I wanted.

Have I done anything wrong here...or any better way to do this?

[NanoSector]

If it works, then I shouldn't touch it anymore

[Jayne Louise]

There is one little gripe and thats the text has increased its size slightly throughout the forum. Why is that?

[NanoSector]

There is one little gripe and thats the text has increased its size slightly throughout the forum. Why is that?

That means..SMF couldn't correcly format the theme.

Try putting your code elsewhere.

[Jayne Louise]

Ok I might have been premature with the topic solved.

Anywhere I put the table it will not go to the top of the screen unless the html its outside of the php tags.

Any suggestions where I could put the table code?

The obvious place seemed to be here. The table shows but not at the top of the screen:

Code Select Expand


// Output any remaining HTML headers. (from mods, maybe?)
echo $context['html_headers'];

echo '
<table  width="96%" align="center" bgcolor="#000000" >
      <tr>
          <td>
                        Hello
         </td>
</table>


[NanoSector]

Ok I might have been premature with the topic solved.

Anywhere I put the table it will not go to the top of the screen unless the html its outside of the php tags.

Any suggestions where I could put the table code?

The obvious place seemed to be here. The table shows but not at the top of the screen:

Code Select Expand


// Output any remaining HTML headers. (from mods, maybe?)
echo $context['html_headers'];

echo '
<table  width="96%" align="center" bgcolor="#000000" >
      <tr>
          <td>
                        Hello
         </td>
</table>


I'm sorry, but I have no idea at all.

Isn't there a mod that does what you want?

[Jayne Louise]

Have tried ad management and that left a gap too.

I have a dozen mods installed, some of them big ones, and dont want to add anymore unless its really necessary.

Surely someone knows how to do this??

[Baby Daisy]

Uhhhhh... just edit after the </body> tag?

[Jayne Louise]

Nay, that was the first thing I tried.

Never did find a way to do that.

Had to compromise and curved the top of the banner with the space on top.

[Joker™]

Open (Make backup of file before editing it)

theme\<theme you are using>\css\index.css

Find:

Code Select Expand

body
{
background: #E9EEF2 url(../images/theme/backdrop.png) repeat-x;
font: 78%/130% "Verdana", "Arial", "Helvetica", sans-serif;
margin: 0 auto;
padding: 15px 0;
}

Replace it with:

Code Select Expand


body
{
background: #E9EEF2 url(../images/theme/backdrop.png) repeat-x;
font: 78%/130% "Verdana", "Arial", "Helvetica", sans-serif;
margin: 0 auto;
padding: 0;
}

[Jayne Louise]

At long last, that seems to be doing the job perfectly here, Joker  

Much appreciated friend!

PS. You must be the Joker who makes the mods. I use a few of them and they are all good. Thanks a lot.

[Joker™]

At long last, that seems to be doing the job perfectly here, Joker  

Much appreciated friend!

PS. You must be the Joker who makes the mods. I use a few of them and they are all good. Thanks a lot.

Your welcome .

Yeah I'm the same Joker™ who has made some small mods and thanks for such great words.

[Matthew K.]

Out of pure curiosity, do you have Back to Top installed?

[Jayne Louise]

Hi Labradoodle. I do not have Back To Top installed.

That mod increases the space slightly at the top on a default install (RC3 and RC4).

Even with Jokers fix a space at top is still produced using that mod.

[Matthew K.]

Exactly, that's why I asked. I'll fix that in the next version.