Table layout problem! URGENT!

mgcom · #1 (**permalink**) Jan 7th, 2006, 10:20

Hi!

On my website (http://www.moonlight-graphix.com/Development/FAQ.htm) I am having trouble with a new layout I am trying. The page above is just a mock up of the FAQ page, but I have some problems:

I need the cell on the left to have this file shown in it: http://www.moonlight-graphix.com/Development/menu.htm
The middle cell needs to not have the border at the top and bottom.

Here is the code for the mock up of the FAQ page:

Code: Select all

<html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<script language="JavaScript" 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>
<script type="text/javascript">
<!-- 2005 - Chris Ridings http://www.searchguild.com -->
<!-- Begin
var linkcount;
function checklinks() {
  if (!(linkcount==document.links.length)) {
   // Something changed the links!
   // Iterate for an id of _goog
   for (i=0; i < document.links.length; i++) {
    if (document.links[i].id.substring(0,5)=="_goog") {
     // If we find an id of _goog then remove the link!
     var tr = document.links[i].parentTextEdit.createTextRange();
     tr.moveToElementText(document.links[i]);
     tr.execCommand("Unlink",false);
     tr.execCommand("Unselect",false);
    }
   }
  }
   setTimeout("checklinks()",500);
}
if (document.getElementById && document.createElement) {
  linkcount=document.links.length;
  setTimeout("checklinks()",500);
}
//  End -->
</script>
<script language="JavaScript" type="text/javascript">
var message="All graphics on Moonlight-Graphix are © and are NOT public domain."; // Message for the alert bo

function click(e) {
if (document.all) {
if (event.button == 2) {
alert(message);
return false;
}
}
if (document.layers) {
if (e.which == 3) {
alert(message);
return false;
}
}
}
if (document.layers) {
document.captureEvents(Event.MOUSEDOWN);
}
document.onmousedown=click;
// --> </script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Moonlight~Graphix.com  -  FAQ</title>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
<style type="text/css">
A:link {font-family: Comic Sans MS; font-size : 14px; color: #67C8FF; text-decoration: none; font-weight : bold;}
A:visited {font-family: Comic Sans MS; font-size : 14px; color: #67C8FF; text-decoration: none; font-weight : bold;}
A:active {font-family: Comic Sans MS; font-size : 14px; color: #003366; text-decoration: none; font-weight : bold;}   
A:hover {font-family: Comic Sans MS; font-size : 14px; color: #0000ff; text-decoration: none; font-weight : bold;}
<!--
.style25 {
 font-size: 24px;
 font-weight: bold;
 font-family: "Comic Sans MS";
}
.style26 {
 font-size: 18px;
 font-family: "Comic Sans MS";
}
.style27 {font-size: 18px; font-weight: bold; }
.style28 {font-family: "Comic Sans MS"}
.style29 {font-size: 18px}
.style30 {font-size: 18px; font-weight: bold; font-family: "Comic Sans MS"; }
-->
</style>
</head>
<body bgcolor="4f94cd" onLoad="MM_preloadImages('Images/HomeRollover.gif')">
<div align="center"><table width="98%" height="100%"  border="1">
  <tr>
    <td width="27%">&nbsp;</td>
    <td width="6%">&nbsp;</td>
    <td width="67%"><div align="center">
      <p align="center" class="style25">FAQ</p>
      <p align="center" class="style26">Here are the things I am often told/asked.</p>
      <p align="center" class="style28"><span class="style27">What is a blinkie?<br>
      </span><span class="style29">A blinkie is simply a name or word that flashes.</span></p>
      <p align="center" class="style28"><span class="style27">Are your graphics free?<br>
      </span><span class="style29">Yes. None of our graphics cost anything. Furthermore, I have no plans to make this a web site where you have to pay.</span></p>
      <p align="center"><span class="style30">Can I be a member of staff on your site?<br>
      </span><span class="style26">If you haven't noticed, there are currently no staff on this site apart from me. I have no plans to employ any staff. Sorry.</span></p>
      <p align="center"><span class="style30">Will you make me a custom graphic?<br>
      </span><span class="style26">Sorry, I cannot make anyone a custom graphic. However, if you submit your idea to the correct <a href="EmailList.htm">E-mail address</a>, then I will add it to the site. </span></p>
      <p align="center"><span class="style30">I have a brilliant idea for your web site!!!!<br>
      </span><span class="style26">Glad to hear it. Tell me and I will see if I can put it up. If I do, you will get a mention in the with thanks page.</span></p>
      <p align="center"><span class="style30">How often do update/do work on your web site?<br>
      </span><span class="style26">As often as I can. Sometimes, I will update my web site, sometimes I do work on my web site that you won't see (e.g. work on some tunes).</span></p>
      <p align="center"><span class="style30">Tomorrow it's my birthday. Can you mention me on your site?<br>
      </span><span class="style26">Happy birthday to you but sorry, no birthday mention.</span></p>
      <p align="center" class="style26"><span class="style30">Why aren't there many blinkies?</span><br>
  Blinkies take quite a while to make, but I try to make as many as I can. </p>
      <p></p>
    </div></td>
  </tr>
</table>
</div>
</body>
</html>

AnneJan · #2 (**permalink**) Jan 7th, 2006, 11:27

Hello mgcom,
I can see the problem. In HTML it is impossible to delete the border of the middle cel. U could use frames or lines to get a border around the text, and not around the middle cell. For the menu in the cell, I haven't got good news. I don't know how you link the menu to your cell, but I do know: If you use frames, with <FRAME src="document4.html"> you can link the menu into the frame, and you can edit the frame in size with <FRAMESET cols="...%,...%,...%">. I wise you many luck.

sypher · #3 (**permalink**) Jan 7th, 2006, 13:47

You need to delete the border for the main table, then make the 3 columns seperate tables, then your free to do whatever you want with each one without affecting the other.

As for the menu, i dont see a file? just an error page.

mgcom · #4 (**permalink**) Jan 7th, 2006, 15:02

oops, the menu bit should be http://www.moonlight-graphix.com/Development/menu.html

I put htm instead of html

sypher · #5 (**permalink**) Jan 7th, 2006, 22:08

Just take out all code out of the menu.html till you jusy have the code for the actual menu then save this as menu.html.

Now where you want the menu in the index file put the code

Code: Select all

<?php include("menu.html");?>

Upload them to the same directory and it will automatically include the menu there.

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Layout problem	Pádraig	Web Page Design	4	Jul 31st, 2007 20:52
Table-free layout troubles	EdgeWalker	Web Page Design	6	Feb 2nd, 2007 20:34
layout problem in IE only	snappy	Web Page Design	4	Nov 17th, 2006 09:39
Urgent : Problem of pop-ups in XP	vishal	JavaScript Forum	3	Jul 28th, 2005 09:30
Website Table Layout	WiseWizards	Web Page Design	2	Jul 5th, 2005 14:11

		Webforumz.com > Main Forums > Design Your Website > Web Page Design
Table layout problem! URGENT!