Discover Habbo's history
Treat yourself with a Secret Santa gift.... of a random Wiki page for you to start exploring Habbo's history!
Happy holidays!
Celebrate with us at Habbox on the hotel, on our Forum and right here!
Join Habbox!
One of us! One of us! Click here to see the roles you could take as part of the Habbox community!


Page 1 of 2 12 LastLast
Results 1 to 10 of 11

Thread: Coding help.

  1. #1
    Join Date
    Mar 2008
    Posts
    265
    Tokens
    0

    Default Coding help.

    Hi i need help coding my playout nut *** you can see in the picture below that the content box morder thing id to big on the right.


    Can some one please help me with this code btw the layout is 768 px wide so i made the contant box backround 768px but as you can see it dose not work please help.
    Attached Thumbnails Attached Thumbnails Click image for larger version. 

Name:	Help.GIF 
Views:	39 
Size:	12.3 KB 
ID:	20490  
    Boston here i come

  2. #2
    Join Date
    Feb 2007
    Location
    Essex, England
    Posts
    1,392
    Tokens
    0

    Latest Awards:

    Default

    Border: 1px solid #colour;

    ?

    Or post the code so we can see?


  3. #3
    Join Date
    Dec 2007
    Posts
    1,683
    Tokens
    0

    Latest Awards:

    Default

    Quote Originally Posted by dobbin View Post
    Hi i need help coding my playout nut *** you can see in the picture below that the content box morder thing id to big on the right.


    Can some one please help me with this code btw the layout is 768 px wide so i made the contant box backround 768px but as you can see it dose not work please help.
    Can you not spell 'content'?

    Edited by Kaotix12 (Forum Moderator): Please do not post pointlessly.
    Last edited by Ashley; 24-04-2008 at 12:00 AM.

  4. #4
    Join Date
    Mar 2008
    Posts
    265
    Tokens
    0

    Default

    Kk this is the code.

    HTML Code:
    <!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=iso-8859-1" />
    <!-- TemplateBeginEditable name="doctitle" -->
    <title>Untitled Document</title>
    <!-- TemplateEndEditable -->
    <!-- TemplateBeginEditable name="head" --><!-- TemplateEndEditable -->
    <style type="text/css">
    <!--
    body,td,th {
        font-size: 12px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        color: #000000;
    }
    body {
        background-image: url(../layout/images/backround.jpg);
        margin-left: 120px;
        margin-top: 0px;
        margin-right: 120px;
        margin-bottom: 20px;
        background-color: #FFFFFF;
    }
    a {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
    }
    a:link {
        text-decoration: none;
        color: #009900;
    }
    a:visited {
        text-decoration: none;
        color: #009900;
    }
    a:hover {
        text-decoration: none;
        color: #009900;
    }
    a:active {
        text-decoration: none;
        color: #009900;
    }
    h1,h2,h3,h4,h5,h6 {
        font-family: Verdana, Arial, Helvetica, sans-serif;
    }
    h1 {
        font-size: 18px;
        color: #009900;
    }
    -->
    </style>
    <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>
    
    <body onload="MM_preloadImages('../layout/Button rollover/Home 2.gif','../layout/Button rollover/Fixtures 2.gif','../layout/Button rollover/The team .gif','../layout/Button rollover/Sponsors 2.gif','../layout/Button rollover/Contact 2.gif')">
    <table width="768" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="2"><img src="../layout/images/spacer.jpg" width="2" height="181" /></td>
        <td colspan="7"><img src="../layout/images/header.jpg" width="764" height="181" /></td>
        <td width="2"><img src="../layout/images/spacer.jpg" width="2" height="181" /></td>
      </tr>
      <tr>
        <td rowspan="2"><img src="../layout/images/spacer 2.jpg" width="2" height="45" /></td>
        <td colspan="7"><img src="../layout/images/green bar.jpg" width="764" height="8" /></td>
        <td rowspan="2"><img src="../layout/images/spacer 2.jpg" width="2" height="45" /></td>
      </tr>
      <tr>
        <td width="20" bgcolor="#FFFFFF">&nbsp;</td>
        <td width="103" bgcolor="#FFFFFF"><a href="../pages/Main Pages/Home.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Home','','../layout/Button rollover/Home 2.gif',1)"><img src="../layout/Button rollover/Home 1.gif" name="Home" width="102" height="38" border="0" id="Home" /></a><a href="../pages/Home.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Home','','../layout/Button rollover/Home 2.gif',1)"></a></td>
        <td width="138" bgcolor="#FFFFFF"><a href="../pages/Main Pages/Fixtures.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Fixtures','','../layout/Button rollover/Fixtures 2.gif',1)"><img src="../layout/Button rollover/Fixtures 1.gif" name="Fixtures" width="137" height="38" border="0" id="Fixtures" /></a><a href="../pages/Fixtures.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Fixtures','','../layout/Button rollover/Fixtures 2.gif',1)"></a></td>
        <td width="177" bgcolor="#FFFFFF"><a href="../pages/Main Pages/The team.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('The Team','','../layout/Button rollover/The team .gif',0)"><img src="../layout/Button rollover/The team 1.gif" name="The Team" width="176" height="38" border="0" id="The Team" /></a><a href="../pages/The team.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('The Team','','../layout/Button rollover/The team .gif',1)"></a></td>
        <td width="168" bgcolor="#FFFFFF"><a href="../pages/Main Pages/Sponsors.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Sponsors','','../layout/Button rollover/Sponsors 2.gif',1)"><img src="../layout/Button rollover/Sponsors 1.gif" name="Sponsors" width="167" height="38" border="0" id="Sponsors" /></a><a href="../pages/Sponsors.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Sponsors','','../layout/Button rollover/Sponsors 2.gif',1)"></a></td>
        <td width="136" bgcolor="#FFFFFF"><a href="../pages/Main Pages/Contact.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Contact','','../layout/Button rollover/Contact 2.gif',1)"><img src="../layout/Button rollover/Contact 1.gif" name="Contact" width="135" height="38" border="0" id="Contact" /></a><a href="../pages/Contact.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Contact','','../layout/Button rollover/Contact 2.gif',1)"></a></td>
        <td width="22" bgcolor="#FFFFFF">&nbsp;</td>
      </tr>
      <tr>
        <td colspan="9" background="../layout/images/mid.jpg"><div align="center"><!-- TemplateBeginEditable name="EditRegion4" --><!-- TemplateEndEditable --></div></td>
      </tr>
      <tr>
        <td colspan="9" background="../layout/images/mid.jpg"><div align="center"><!-- TemplateBeginEditable name="EditRegion3" --><!-- TemplateEndEditable --></div></td>
      </tr>
      <tr>
        <td colspan="9" background="../layout/images/mid.jpg"><div align="center">Template and site designed by <a href="mailto:[email protected]">connor dobbin</a> &copy;Beddau R.F.C U14</div></td>
      </tr>
      <tr>
        <td colspan="9"><img src="../layout/images/bottom.jpg" width="768" height="9" /></td>
      </tr>
    </table>
    </body>
    </html>
    Boston here i come

  5. #5
    Join Date
    Feb 2007
    Location
    Essex, England
    Posts
    1,392
    Tokens
    0

    Latest Awards:

    Default

    Ah so it's not in divs...

    Surely if it's an image, edit the image?

    Or add border="0" to the image tag?


  6. #6
    Join Date
    Mar 2008
    Posts
    265
    Tokens
    0

    Default

    kk ty mate

    is it better to code in divs then?
    Boston here i come

  7. #7
    Join Date
    Apr 2008
    Location
    North West, UK.
    Posts
    1,007
    Tokens
    529

    Latest Awards:

    Default

    Yes, would be better in divs

  8. #8
    Join Date
    Mar 2008
    Posts
    265
    Tokens
    0

    Default

    So what is the advanage of divs?
    Boston here i come

  9. #9
    Join Date
    Dec 2006
    Posts
    7,601
    Tokens
    95

    Latest Awards:

    Default

    its the standard for web cOding and its much easier to edit content in it if you structure it correctly ie using the tab button to space. Have a look at some sites code... It will make sense lol

  10. #10
    Join Date
    Feb 2007
    Location
    Essex, England
    Posts
    1,392
    Tokens
    0

    Latest Awards:

    Default

    Yeah divs are easier to go back and edit, and to understand.


Page 1 of 2 12 LastLast

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •