Unstoppable Domains

Tables mess when main cell stretched.

Spaceship Spaceship
Watch
A

*Adam*

Established Member
★ 20 ★
Impact
0
I am making a website for a local pre-school, but when the main content box is stretched, it messes the rest up, but it is designed in such a way that it shouldn't do it.

The design was made in Photoshop, sliced then edited in dreamweaver.

Here is the page that is messed up:
http://cgi.smjfreeman.plus.com/stokepre/test.html

How can I stop it from doing that?

Thanks in advance.
 
Last edited:
Reply
0
0 Like
0 Thanks
•••
The views expressed on this page by users and staff are their own, not those of NamePros.
Unstoppable DomainsUnstoppable Domains
Sort by date Sort by points
hehe... give us the HTML, i know whats wrong! :)
 
Reply
0
0 Like
0 Thanks
•••
Hello,

Please post your HTML code :)

All the best,

- SW
 
Reply
0
0 Like
0 Thanks
•••
HTML: 
<html>
<head>
<title>Stoke Fleming Pre School</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body {
	background-color: #194792;
}
.style1 {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #194792;
}
.style2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #194792;
	font-size: 12px;
	font-style: italic;
}
.style3 {font-family: Verdana, Arial, Helvetica, sans-serif; color: #194792; font-size: 10px;}
.style4 {font-family: Verdana, Arial, Helvetica, sans-serif; color: #194792; font-size: 10px; font-style: italic; }
-->
</style>
<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>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onLoad="MM_preloadImages('images/menu/homehover.jpg','images/menu/infohover.jpg','images/menu/contacthover.jpg','images/menu/abouthover.jpg','images/menu/linkshover.jpg')">
<!-- ImageReady Slices (Design Sliced.psd) -->
<table id="Table_01" width="767" height="700" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td height="104" colspan="2" rowspan="2">
			<img src="images/styleimage_01.jpg" width="254" height="104" alt=""></td>
		<td width="325" height="52">
			<img src="images/styleimage_02.jpg" width="325" height="52" alt=""></td>
		<td width="42" height="104" rowspan="2">
			<img src="images/styleimage_03.jpg" width="42" height="104" alt=""></td>
		<td height="104" rowspan="2">
			<img src="images/styleimage_04.jpg" width="99" height="104" alt=""></td>
		<td width="47">
			<img src="images/spacer.gif" width="1" height="52" alt=""></td>
	</tr>
	<tr>
		<td height="52" bgcolor="#FFFFFF"><div align="center" class="style1">Information</div></td>
		<td>
			<img src="images/spacer.gif" width="1" height="52" alt=""></td>
	</tr>
	<tr>
		<td height="35" colspan="2" rowspan="2">			<a href="index.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Home','','images/menu/homehover.jpg',1)"><img src="images/menu/home.jpg" alt="Home" name="Home" width="254" height="35" border="0"></a></td>
		<td height="16" colspan="2">
			<img src="images/styleimage_07.jpg" width="367" height="16" alt=""></td>
		<td height="189" rowspan="6" valign="top">
			<img src="images/styleimage_08.jpg" width="99" height="189" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="16" alt=""></td>
	</tr>
	<tr>
		<td colspan="2" rowspan="8" valign="top" bgcolor="#FFFFFF">			<div align="center">
		  <p align="left" class="style2">Curriculum:</p>
		  <p align="left" class="style2"> </p>
		  <p class="style3">(Click here to view all, or individualy by clicking the catagory)</p>
		  <p class="style3"> </p>
		  <p class="style3">Language and literacy</p>
		  <p class="style3"> </p>
		  <p class="style3">Personal and social development</p>
		  <p class="style3"> </p>
		  <p class="style3">Mathematics</p>
		  <p class="style3"> </p>
		  <p class="style3">Knowledge and understanding of the world</p>
		  <p class="style3"> </p>
		  <p class="style3">Physical development</p>
		  <p class="style3"> </p>
		  <p class="style3">Creative development</p>
		  <p class="style3"> </p>
		  <p class="style3"> </p>
		  <p align="left" class="style2">~ Let us know</p>
		  <p align="left" class="style2"> </p>
		  <p align="left" class="style2">~ Make new friends</p>
		  <p align="left" class="style2"> </p>
		  <p align="left" class="style2">~ What you need</p>
		  <p align="left" class="style2"> </p>
		  <p align="left" class="style2">~ Free places</p>
		  <p align="left" class="style2"><br>
	      </p>
		</div></td>
		<td>
			<img src="images/spacer.gif" width="1" height="19" alt=""></td>
	</tr>
	<tr>
		<td height="42" colspan="2">			<a href="info.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Info','','images/menu/infohover.jpg',1)"><img src="images/menu/info.jpg" alt="Info" name="Info" width="254" height="42" border="0"></a></td>
		<td>
			<img src="images/spacer.gif" width="1" height="42" alt=""></td>
	</tr>
	<tr>
		<td height="40" colspan="2">			<a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Contact','','images/menu/contacthover.jpg',1)"><img src="images/menu/contact.jpg" alt="Contact Us" name="Contact" width="254" height="40" border="0"></a></td>
		<td>
			<img src="images/spacer.gif" width="1" height="40" alt=""></td>
	</tr>
	<tr>
		<td height="40" colspan="2">			<a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('About','','images/menu/abouthover.jpg',1)"><img src="images/menu/about.jpg" alt="About Us" name="About" width="254" height="40" border="0"></a></td>
		<td>
			<img src="images/spacer.gif" width="1" height="40" alt=""></td>
	</tr>
	<tr>
		<td height="40" colspan="2" rowspan="2">			<a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Links','','images/menu/linkshover.jpg',1)"><img src="images/menu/links.jpg" alt="Links" name="Links" width="254" height="40" border="0"></a></td>
		<td>
			<img src="images/spacer.gif" width="1" height="32" alt=""></td>
	</tr>
	<tr>
		<td width="99" height="315" rowspan="3" valign="top" background="images/styleimage_14.jpg"> 			</td>
		<td>
			<img src="images/spacer.gif" width="1" height="8" alt=""></td>
	</tr>
	<tr>
		<td height="151" colspan="2">
			<img src="images/styleimage_15.jpg" width="254" height="151" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="151" alt=""></td>
	</tr>
	<tr>
		<td width="49" height="156"> 			</td>
	  <td width="205" background="images/styleimage_17.jpg">			<div align="center"></div></td>
		<td>
			<img src="images/spacer.gif" width="1" height="156" alt=""></td>
	</tr>
	<tr>
		<td height="47" colspan="5" background="images/styleimage_18.jpg">			<div align="center"><!-- Start of StatCounter Code -->
<script type="text/javascript" language="javascript">
var sc_project=776585; 
var sc_partition=6; 
var sc_security="793cb6d9"; 
</script>

<script type="text/javascript" language="javascript" src="http://www.statcounter.com/counter/counter.js"></script><noscript><a href="http://www.statcounter.com/" target="_blank"><img  src="http://c7.statcounter.com/counter.php?sc_project=776585&java=0&security=793cb6d9" alt="free web page counters" border="0"></a> </noscript>
<!-- End of StatCounter Code --></div></td>
		<td>
			<img src="images/spacer.gif" width="1" height="47" alt=""></td>
	</tr>
	<tr>
		<td height="45" colspan="5"> 			</td>
		<td>
			<img src="images/spacer.gif" width="1" height="45" alt=""></td>
	</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>

im such a dumbass... will look in a sec

sorry, never understood how photoshop works the HTML out. There is the code anyway - if I have a minute sometime, will re-write for you, but no promises! :) lol
 
Reply
0
0 Like
0 Thanks
•••
That would be great! thanks :)
 
Reply
0
0 Like
0 Thanks
•••
Reply
0
0 Like
0 Thanks
•••
i do not have the time to do it now, but I will give you the "principal" behind it.

Basically, you want two columns... one for the menu, and one for the content.

HTML: 
<table>
  <tr>
    <!-- this is column 1 -->
    <td valign="top">
      <!-- insert another table here -->
      <!--    with your menu in it    -->
    </td>
  </tr>
  <tr>
    <td valign="top">
      <!-- main content here -->
    </td>
  </tr>
</table>
 
Reply
0
0 Like
0 Thanks
•••
Log in or sign up to reply here.
Dynadot — .com Registration $8.99Dynadot — .com Registration $8.99

Similar threads

jmiller
Ps slicing,not working right
3 replies
734 views
Anthony
Anthony
F
How to manipulate cell heights?
3 replies
549 views
wicked_gal00
wicked_gal00
N
Tables resize while page is loading
5 replies
670 views
neilorourke
N
A
How to make layout expand when content is big!!
2 replies
1K views
Nodws
Nodws
def1
Tables vs. layers
14 replies
730 views
Rowan W
Rowan W

We're social

Escrow.com

New posts ➔

Spaceship

Auction activity ➔

Unstoppable Domains

How do you think a potential buyer first checks if your domain is for sale?

Polls of interest ➔

CryptoExchange.com

Hot this week ➔

Domain Recover

Community favorite ➔

Hot this month ➔

DomainEasy — Live Options

Blog favorites

DomDB

  1. yxjj.com

    • Make Offer

  2. NationwideAutoRepair.com

    • Make Offer

  3. BitcoinInvestment.co

    • Inquire

  4. ReflectionsBeautySalon.com

    • Make Offer

  5. PayHotline.com

    • Make Offer

  6. Sketchy.net

    • Make Offer

  7. GastroLove.com

    • Make Offer

  8. Repulse.co

    • Make Offer

  9. Adamas.org

    • Make Offer

  10. Moto.deal

    • Buy Now
    • $6,499
  • The sidebar remains visible by scrolling at a speed relative to the page’s height.
Back