Hi All,
I’m trying to help a friend to fix a website he’s designing. The problem is that there is a table within a table containing text in one column and an image in the other column. We can’t find a way of aligninge the image to the start of the text using Dreamweaver/
I have put the code below. Any advice would be seriously appreciated. The code obviously doesn’t contain the image but the position can be seen as aligning to the middle of the text.
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”>
<html>
<head>
<title>AerStudio Recording</title>
<meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″>
<script language=”JavaScript” type=”text/JavaScript”>
<!–
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_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_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(‘link1on.gif’,’link2on.gif’,’link3.gif’,’link4on.gif’,’link5on.gif’,’link6on.gif’)”>
<div align=”center”>
<table width=”400″ border=”0″ cellspacing=”0″ cellpadding=”0″>
<tr>
<td> </td>
<td><img src=”bar1.gif” width=”1″ height=”25″></td>
<td> </td>
<td> </td>
</tr>
<tr>
<td><img src=”box1.gif” width=”118″ height=”101″></td>
<td><img src=”bar1.gif” width=”1″ height=”101″></td>
<td><img src=”logo.gif” width=”366″ height=”101″></td>
<td><img src=”box1.gif” width=”118″ height=”101″></td>
</tr>
<tr>
<td> </td>
<td><img src=”bar1.gif” width=”1″ height=”24″></td>
<td> </td>
<td> </td>
</tr>
<tr>
<td><a href=”studio.htm” onMouseOver=”MM_swapImage(‘link1′,”,’link1on.gif’,1)” onMouseOut=”MM_swapImgRestore()”><img src=”link1.gif” name=”link1″ width=”118″ height=”12″ border=”0″ id=”link1″></a></td>
<td><img src=”bar1.gif” width=”1″ height=”12″></td>
<td colspan=”2″ rowspan=”12″><table width=”484″ border=”0″ cellspacing=”0″ cellpadding=”0″>
<tr>
<td> </td>
<td><font color=”#993333″ size=”-2″ face=”Verdana, Arial, Helvetica, sans-serif”>Aer
Studio uses a Mac-based ProTools system with control surface for
recording and monitoring, with facilities for generation of MIDI
and sample sequencing. </font><font face=”Verdana, Arial, Helvetica, sans-serif”>
<p><font color=”#993333″ size=”-2″>Microphones are by Shure, Rode
and Studio Projects. Studio equipment also includes drums, guitars
and keyboard available for use by songwriters and producer for
developing arrangements.</font></p>
</font> <p><font color=”#993333″ size=”-2″ face=”Verdana, Arial, Helvetica, sans-serif”>The
studio produces mixes ready to master, while output can be also
provided in the ProTools format ready for mixing at a different
location, if desired. Cost per hour of engineering and production
services are €35 per hour.</font><br>
</p></td>
<td> </td>
<td><div align=”top”><img src=”homeimage.gif” width=”216″ height=”162″ align=”top”></div></td>
</tr>
<tr>
<td><img src=”white.gif” width=”16″ height=”1″></td>
<td><img src=”white.gif” width=”236″ height=”1″></td>
<td><img src=”white.gif” width=”16″ height=”1″></td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table></td>
</tr>
<tr>
<td></td>
<td><img src=”bar1.gif” width=”1″ height=”16″></td>
</tr>
<tr>
<td><a href=”producers.htm” onMouseOver=”MM_swapImage(‘link2′,”,’link2on.gif’,1)” onMouseOut=”MM_swapImgRestore()”><img src=”link2.gif” name=”link2″ width=”118″ height=”12″ border=”0″ id=”link2″></a></td>
<td><img src=”bar1.gif” width=”1″ height=”12″></td>
</tr>
<tr>
<td></td>
<td><img src=”bar1.gif” width=”1″ height=”16″></td>
</tr>
<tr>
<td><a href=”rehersal.htm” onMouseOver=”MM_swapImage(‘link3′,”,’link3.gif’,1)” onMouseOut=”MM_swapImgRestore()”><img src=”link3.gif” name=”link3″ width=”118″ height=”12″ border=”0″ id=”link3″></a></td>
<td><img src=”bar1.gif” width=”1″ height=”12″></td>
</tr>
<tr>
<td></td>
<td><img src=”bar1.gif” width=”1″ height=”16″></td>
</tr>
<tr>
<td><a href=”clients.htm” onMouseOver=”MM_swapImage(‘link4′,”,’link4on.gif’,1)” onMouseOut=”MM_swapImgRestore()”><img src=”link4.gif” name=”link4″ width=”118″ height=”12″ border=”0″ id=”link4″></a></td>
<td><img src=”bar1.gif” width=”1″ height=”12″></td>
</tr>
<tr>
<td></td>
<td><img src=”bar1.gif” width=”1″ height=”16″></td>
</tr>
<tr>
<td><a href=”links.htm” onMouseOver=”MM_swapImage(‘link5′,”,’link5on.gif’,1)” onMouseOut=”MM_swapImgRestore()”><img src=”link5.gif” name=”link5″ width=”118″ height=”12″ border=”0″ id=”link5″></a></td>
<td><img src=”bar1.gif” width=”1″ height=”12″></td>
</tr>
<tr>
<td></td>
<td><img src=”bar1.gif” width=”1″ height=”16″></td>
</tr>
<tr>
<td><a href=”contact.htm” onMouseOver=”MM_swapImage(‘link6′,”,’link6on.gif’,1)” onMouseOut=”MM_swapImgRestore()”><img src=”link6.gif” name=”link6″ width=”118″ height=”12″ border=”0″ id=”link6″></a></td>
<td><img src=”bar1.gif” width=”1″ height=”12″></td>
</tr>
<tr>
<td> </td>
<td><div align=”top”><img src=”bar1.gif” width=”1″ height=”180″></div></td>
</tr>
<tr>
<td> </td>
<td><img src=”bar1.gif” width=”1″ height=”20″></td>
<td> </td>
<td> </td>
</tr>
</table>
</div>
</body>
</html>