Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 2 of 2
  1. #1
    Junior Member
    Join Date
    Jul 2004
    Posts
    1
    Member #
    6753
    Hello there,

    Great to be here, at what seem very bubbly forums, for the first time.

    I do not consider myself a novice, but I am the first to admit that I am not highly experienced. I am entirely self taught, and probably have lots of bad habits but your help on this issue would be much appreciated.

    I have a graphic for a menu bar that I want to left align with the page edge. I want it to be entirely seamless.

    The graphic is situated in a three part table, but will not, under any circumstances align seamlessly with the page edge.

    What am I doing wrong?!! The graphic I am having trouble with is "kitesidebar.gif"

    Any help would be much appreciated. I include the code below:

    Code:
    <html>
    <head>
    <title>With Flying Colours Kite Shop!</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <script language="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.0
      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 && document.getElementById) x=document.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>
    <meta name="description" content="Surrey's premier kite shop. We retail from our store in Frimley, Surrey, a wide range of kites and accessories. We stock Flexifoil, Peter Lynn, Oakley and many other major brands.">
    </head>
    
    <body bgcolor="#FFFFFF" text="#000000" onLoad="MM_preloadImages('graphics/menubar/gifs/kites.gif','graphics/menubar/gifs/location.gif','graphics/menubar/gifs/paragliders.gif','graphics/menubar/gifs/contact.gif','graphics/menubar/gifs/accessories.gif','graphics/menubar/gifs/faq.gif','graphics/menubar/gifs/clothing.gif')">
    <table width="79%" border="0" cellspacing="0" cellpadding="0" height="88" align="center">
      <tr> 
        <td width="40%" align="right"><a href="homepage.html"><img src="graphics/menubar/sections/logotop.png" width="290" height="78" border="0"></a></td>
        <td width="60%" align="left" valign="baseline"> 
          <table width="385" border="0" cellspacing="0" cellpadding="0">
            <tr align="left" valign="bottom"> 
              <td width="26"><img src="graphics/menubar/sections/spacertop.gif" width="12" height="78"></td>
              <td width="111"><a href="kitesmain.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Kites','','graphics/menubar/gifs/kites.gif',1)"><img name="Kites" border="0" src="graphics/menubar/sections/kites.gif" width="100" height="78"></a></td>
              <td width="139"> 
                <div align="left"><a href="paramain.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Paragliders','','graphics/menubar/gifs/paragliders.gif',1)"><img name="Paragliders" border="0" src="graphics/menubar/sections/paragliders.gif" width="100" height="78"></a></div>
              </td>
              <td width="111"><a href="accessmain.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Accessories','','graphics/menubar/gifs/accessories.gif',1)"><img name="Accessories" border="0" src="graphics/menubar/sections/accessories.gif" width="100" height="78"></a></td>
              <td width="69"><a href="clothmain.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Clothing','','graphics/menubar/gifs/clothing.gif',1)"><img name="Clothing" border="0" src="graphics/menubar/sections/clothing.gif" width="99" height="78"></a></td>
            </tr>
          </table>
        </td>
      </tr>
      <tr> 
        <td width="40%" align="right"><a href="homepage.html"><img src="graphics/menubar/sections/logobottom.png" width="290" height="82" border="0"></a></td>
        <td width="60%"> 
          <table width="82%" border="0" cellspacing="0" cellpadding="0">
            <tr align="left" valign="bottom"> 
              <td width="16%" valign="top"><img src="graphics/menubar/sections/spacerbottom.gif" width="62" height="82" align="top"></td>
              <td width="2%" valign="top"><a href="locationmain.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Location','','graphics/menubar/gifs/location.gif',1)"><img name="Location" border="0" src="graphics/menubar/sections/location.gif" width="100" height="82"></a></td>
              <td width="32%" valign="top"><a href="contactmain.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Contact','','graphics/menubar/gifs/contact.gif',1)"><img name="Contact" border="0" src="graphics/menubar/sections/contact.gif" width="100" height="82"></a></td>
              <td width="50%" valign="top"><a href="faqmain.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Faq','','graphics/menubar/gifs/faq.gif',1)"><img name="Faq" border="0" src="graphics/menubar/sections/faq.gif" width="149" height="82"></a></td>
            </tr>
          </table>
        </td>
      </tr>
    </table>
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr> 
        <td colspan="2" align="center" valign="middle"><img src="graphics/titles/kiteheader.gif" width="100" height="41"></td>
      </tr>
      <tr> 
        <td width="16%" align="left" valign="top"><img src="graphics/menubar/kitesidebar.gif" width="152" height="322"></td>
        <td width="84%">&nbsp;</td>
      </tr>
    </table>
    <p align="center">&nbsp;</p>
    </body>
    </html>

  2.  

  3. #2
    Senior Member gabe89's Avatar
    Join Date
    Oct 2003
    Posts
    137
    Member #
    3412
    HTML Code:
    <body style="margin: 0px;">


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 01:20 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com