2 Replies Latest reply on Mar 3, 2010 12:20 AM by ExtendStudio

    Looking for some help with top margins.

    bobbytheman

      Having problems with top margin. I can't seem to make it plush at top. This is the page if someone can help me.

       

      http://www.nlclv.org/trueNewWebsite/html/doctrine.htm

       

      Thanks

        • 1. Re: Looking for some help with top margins.
          osgood_ Level 8

          bobbytheman wrote:

           

          Having problems with top margin. I can't seem to make it plush at top. This is the page if someone can help me.

           

          http://www.nlclv.org/trueNewWebsite/html/doctrine.htm

           

          Thanks

           

          Well you have three sets of opening and closing <head></head> tags in the top of your page (see below) 
          PLUS you're using the wrong kind of comment mark up /*styles for the page is here*/. That will effect the
          css stylesheet you have linked to the page. 
          Scroll further below to see what your 'head' section should look like. 

          <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

          <html xmlns="http://www.w3.org/1999/xhtml">

          <head> <!-- 1a -->
          </head><!-- 1b -->
          <head><!-- 2a -->

          <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
          <title>Doctrinal Beliefs of New Life Centre founded by Dr. Percell Church Jr.</title>
          <meta name="Description" content="Doctrinal beliefs of New Life Center Dr. Percell Church Jr.
          founder and pastor."
          />

          </head><!-- 2b -->

          /*styles for the page is here*/

          <head><!-- 3a -->


          <link href="../css/theOne.css" rel="stylesheet" type="text/css" />

          <!--Java script for the rollover buttons-->
          <script type="text/javascript">
          <!--
          function MM_swapImgRestore() { //v3.0
            var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
          }
          function MM_preloadImages() { //v3.0
            var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
              var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
              if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
          }

          function MM_findObj(n, d) { //v4.01
            var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
              d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
            if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
            for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
            if(!x && d.getElementById) x=d.getElementById(n); return x;
          }

          function MM_swapImage() { //v3.0
            var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
             if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
          }
          //-->
          </script>
          </head><!-- 3b -->

           

           

           

          THIS IS WHAT YOUR HEAD SECTION SHOULD LOOK LIKE:

           

           

          <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
          <html xmlns="http://www.w3.org/1999/xhtml">
          <head>

           

          <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
          <title>Doctrinal Beliefs of New Life Centre founded by Dr. Percell Church Jr.</title>
          <meta name="Description" content="Doctrinal beliefs of New Life Center Dr. Percell Church Jr. founder and pastor." />

           

          <!--  styles for the page is here -->

           

          <link href="../css/theOne.css" rel="stylesheet" type="text/css" />

           

          <!--Java script for the rollover buttons-->
          <script type="text/javascript">
          <!--
          function MM_swapImgRestore() { //v3.0
            var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
          }
          function MM_preloadImages() { //v3.0
            var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
              var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
              if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
          }

           

          function MM_findObj(n, d) { //v4.01
            var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
              d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
            if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
            for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
            if(!x && d.getElementById) x=d.getElementById(n); return x;
          }

           

          function MM_swapImage() { //v3.0
            var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
             if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
          }
          //-->
          </script>

           

          </head>

          • 2. Re: Looking for some help with top margins.
            ExtendStudio

            Hi Bobby.

             

            You have some code just below the <body> tag: /*styles for the page is here*/ - right now this text appears in the black area above the design (you can highlight it with the mouse)

             

            Probably you wanted to add it as a code comment like this <!--  styles for the page is here -->

             

            Delete it