2 Replies Latest reply on Mar 8, 2010 5:47 AM by evilJim

    Issues with layouts and headers

    evilJim

      Hi I'm a newbie, trying out layouts I have 2 issues. I'd be grateful for any help or pointers to tutorials.

      1) I have problems with links at the top of my page. They are text based and are within a 2 row table. They have a huge gap around them and no matter what I do I can't resize either the table or change the text to have less of a gap below it. I basically have a huge space between my top links and the main logo and main logo below it.(plus I think they are linked as the h1 which I don't want as they aren't really the header just the links.) Here is the code for that.

      <table width="740"  border="0" align="center" cellpadding="0" cellspacing="0" class="HeaderLogoButton">
            <tr align="center" valign="top">
              <td width="288" height="48"><h1><br /><br />
              </h1></td>
              <td width="452" height="25"><!-- TemplateBeginEditable name="HeaderLinks" --><span class="TextButtons"><a href="../index.html" class="TextButtons">Home</a>      <a href="../featured.html" class="TextButtons">Featured Company</a>      <a href="../youngpeople.html" class="TextButtons">Young People</a>      <a href="../andmore.html" class="TextButtons">And More</a>     </span><span class="TextButtons"> <a href="../blog.html" class="TextButtons">Blog  </a></span><!-- TemplateEndEditable --> </td>
            </tr>
            <tr>
              <th height="48" align="left"><a href="index.html" title="My Site Title"><img src="../images/My Site_logo.png" alt="My Site Logo" width="245" height="46" border="0" align="left" /></a></th>
              <td align="right" valign="top"><!-- TemplateBeginEditable name="HeaderButtons" --><img src="../images/facebook.png" alt="FaceBook Button" width="36" height="36" align="top" /> <img src="../images/twitter.png" alt="Twitter Button" width="36" height="36" align="top" /><img src="../images/blogbutton.png" alt="Blog Button" width="49" height="47" align="top" />  <!-- TemplateEndEditable --></td>
            </tr>
          </table>
      

      2) My second issue is with Headers in general. As you can see in the code I have a "My Site_logo.png" as the main logo for the site, what I'm concerned with is pointing to it as the main h1 header so that when the spiders come to check out the site, either by the logo or some extra html, they read the site is called "My Site" as the main header. How can I make the logo/title the h1 section of the code?I'm scared about making a mess of the code at this point so any help is much appreciated!

      Thanks in advance

        • 1. Re: Issues with layouts and headers
          osgood_ Level 8

          evilJim wrote:

           

          Hi I'm a newbie, trying out layouts I have 2 issues. I'd be grateful for any help or pointers to tutorials.

          1) I have problems with links at the top of my page. They are text based and are within a 2 row table. They have a huge gap around them and no matter what I do I can't resize either the table or change the text to have less of a gap below it. I basically have a huge space between my top links and the main logo and main logo below it.(plus I think they are linked as the h1 which I don't want as they aren't really the header just the links.) Here is the code for that.

           


          In the first table cell you have an h1 tag (header tag) (see below) In this tag you have inserted two break tags <br /> by hitting the return key on your keyboard twice. These breaks effectively set the height of the first table row, that's why you have all the space beneath your links.

           

          <td width="288" height="48"><h1><br /><br />
                   </h1></td>

           

          evilJim wrote:


          2) My second issue is with Headers in general. As you can see in the code I have a "My Site_logo.png" as the main logo for the site, what I'm concerned with is pointing to it as the main h1 header so that when the spiders come to check out the site, either by the logo or some extra html, they read the site is called "My Site" as the main header. How can I make the logo/title the h1 section of the code?I'm scared about making a mess of the code at this point so any help is much appreciated!

          Thanks in advance

          At the moment you have nothing apart from 2 <br /> tags in your h1 tag (see above answer to your first quetsion.

           

          For search engine purposes you can wrap your image in an h1 tag and provide a more descriptive outline than 'My Site Logo'  for the images 'alt' tag.

           

          <th height="48" align="left">

          <h1><a href="index.html" title="My Site Title"><img src="../images/My Site_logo.png" alt="My Site Logo" width="245" height="46" border="0" align="left" /></a></h1>

          </th>

          • 2. Re: Issues with layouts and headers
            evilJim Level 1

            That's great! Thanks will try them out now