Adding javascript to my <head> tags is adding a margin... why?

5 replies
Hi everyone,

I have a minisite design which requires no margins at the top, in order to work with the background image (which repeats).

I also need to add in some javascript which requires 5 lines in the <head></head> section... BUT when I insert it in, it adds a random line above the minisite design.

All of the CSS margins are set to 0.

Anyone know why?

HELP! lol

Thanks,
- Marc
#&lthead&gt #<head> #adding #javascript #margin #tags
  • Profile picture of the author ninal
    Could you provide a link to your site? Maybe you just forgot to close the tags? It's pretty hard to tell without the source code. You can also post your source code if you prefer
    Signature
    Hello
    {{ DiscussionBoard.errors[2075528].message }}
  • Profile picture of the author MarcMilburn
    <html>
    <head>
    <title>Coaching Time!</title>
    <link rel="stylesheet" href="style.css" type="text/css">
    <script type="text/javascript">
    function showIt() {
    document.getElementById("hid").style.visibility = "visible";
    }
    setTimeout("showIt()", 1546000); // 1000 = 1 sec
    </script>
    </head>
    <body>
    <div class="wrapper">
    <div class="header"></div>
    <div class="copy">
    </div>
    <div class="footer"></div>
    </div>
    </body>
    </html>
    Signature

    "Discover The Simple Niche Marketing System That Banked As Much As $4,928.34 In Just 24 Days... From Scratch!"
    http://www.FastProfitsFormula.com

    http://www.warriorforum.com/warrior-...-discount.html

    {{ DiscussionBoard.errors[2075559].message }}
    • Profile picture of the author webtrix
      Originally Posted by MilburnMarketing View Post

      <html>
      <head>
      <title>Coaching Time!</title>
      <link rel="stylesheet" href="style.css" type="text/css">
      <script type="text/javascript">
      function showIt() {
      document.getElementById("hid").style.visibility = "visible";
      }
      setTimeout("showIt()", 1546000); // 1000 = 1 sec
      </script>
      </head>
      <body>
      <div class="wrapper">
      <div class="header"></div>
      <div class="copy">
      </div>
      <div class="footer"></div>
      </div>
      </body>
      </html>
      Save this as a page and see if there is a line...

      Also margin-top:0; is sufficient here..
      {{ DiscussionBoard.errors[2075758].message }}
  • Profile picture of the author MarcMilburn
    Oh and this is taken from the CSS file...

    body{
    margin:0;
    margin-top:0;
    text-align:center;
    color:#1a1a1a;
    background:#2f2f2f url(/images/bg.jpg) repeat-x;
    }
    Signature

    "Discover The Simple Niche Marketing System That Banked As Much As $4,928.34 In Just 24 Days... From Scratch!"
    http://www.FastProfitsFormula.com

    http://www.warriorforum.com/warrior-...-discount.html

    {{ DiscussionBoard.errors[2075564].message }}

Trending Topics