Coding help.

dobbin · 23-04-2008, 10:04 PM

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.

L?KE · 23-04-2008, 10:07 PM

Border: 1px solid #colour;

?

Or post the code so we can see?

~~Independent~~ · 23-04-2008, 10:08 PM

Originally Posted by dobbin

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.

dobbin · 23-04-2008, 10:09 PM

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>

L?KE · 23-04-2008, 10:10 PM

Ah so it's not in divs...

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

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

dobbin · 23-04-2008, 10:14 PM

kk ty mate

is it better to code in divs then?

DJ-Ains.T · 23-04-2008, 10:25 PM

Yes, would be better in divs

dobbin · 23-04-2008, 10:27 PM

So what is the advanage of divs?

kk. · 23-04-2008, 10:37 PM

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

L?KE · 24-04-2008, 03:49 PM

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

Thread: Coding help.

Thread Tools

Coding help.

Posting Permissions