PDA

View Full Version : Using SSI in nesting tables, left bar is growing?

luvhartz
05-28-2005, 06:50 PM
I made a really long page and well, the left side some of which is controled by SSI has grown and in different lengths. How can i stop this? to take a look at whats going on look here (http://www.freewebs.com/angelic101/avril.shtml)

I wont paste all the code because the lyrics make it sooooo long, il copy and paste my like "template" that i made so all the pages are the same in size, ect.

<html><head>
<!--#include file="noright.txt" -->
<style type="text/css">
body { background-color: #FF6666; }
h1 {font-family: Arial, Verdana; color: FF6666 }
h5 {font-family: Arial narrow; color: FF6666 }
p {font-family: Arial; color: FF6666; font-size:x-small }
A {font-family: Arial Narrow; font-size:x-small; }
</style><title>::.Angelic101.tk.::</title></head>

<body><table border="1" cellpadding="1" cellspacing="5" width="100%">
<td bgcolor="#FFFFFF" width="22%" valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<td><div align="center"><image src="ang.PNG"></div>
</td>
</table>
</td>

<td bgcolor="#FFFFFF" width="78%" rowspan=13 valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<td><div align="center">the lyrics go here bla bla</div>
</td>
</table>
</td>
</tr><tr></tr>
<!--#include file="tablelay.txt" -->
</table></body></html>

the tablelay.txt codes are :

<tr>
<td bgcolor="#FFFFFF" width="22%" valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<td><div align="center"><p><b>Navigation<b></p></div>
</td>
</table>
</td></tr>
<tr><td bgcolor="#FFFFFF" width="22%" valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<td><A href="index.htm" style="cursor:crosshair" style="color: #FF6666">+<b>Main</b>+</A>
<br><A href="lyrics.shtml" style="cursor:crosshair" style="color: #FF6666">+<b>Lyrics</b>+</A><BR>
<A href="avril.htm" style="cursor:crosshair" style="color: #FF6666">++ Avril</A><br>
<A href="hilaryd2.htm" style="cursor:crosshair" style="color: #FF6666">++ Hilary duff</A><br>
<A href="me2.htm" style="cursor:crosshair" style="color: #FF6666">++ Mcfly</A><br>


<A href="best.htm" style="cursor:crosshair" style="color: #FF6666">+<B>The best of..</B>+</A><BR>
<A href="avatar2.htm" style="cursor:crosshair" style="color: #FF6666">++ Avatars</A><BR>
<A href="book2.htm" style="cursor:crosshair" style="color: #FF6666">++ Books</A><BR>
<A href="film2.htm" style="cursor:crosshair" style="color: #FF6666">++ Films</A><BR>
<A href="munch2.htm" style="cursor:crosshair" style="color: #FF6666">++ Movie Munch</A><BR>

<A href="homework.htm" style="cursor:crosshair" style="color: #FF6666">+<B>Homework Help</B>+</A><BR>

<A href="me2.htm" style="cursor:crosshair" style="color: #FF6666">+<B>Me</B>+</A><BR>
<A href="aboutme2.htm" style="cursor:crosshair" style="color: #FF6666">++ About Me</A><BR>
<A href="bestiez2.htm" style="cursor:crosshair" style="color: #FF6666">++ Besties</A><BR>
<A href="contact.htm" style="cursor:crosshair" style="color: #FF6666">++ Contact Me</A><BR>
<A href="lately2.htm" style="cursor:crosshair" style="color: #FF6666">++ Lately</A><BR>
<A href="blog.htm" style="cursor:crosshair" style="color: #FF6666">+<b>Blogger</b>+</A><BR>

</div></td></table>
</td></tr><tr></tr>

<tr>
<td bgcolor="#FFFFFF" width="22%" valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<td><div align="center"><p><b>Me<b></p></div>
</td>
</table>
</td></tr>

<tr><td bgcolor="#FFFFFF" width="22%" valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<td><p>Name: Kerry<BR>
Nicknames: Kez, K, or Diane (my nicki from loz)<BR>
Age: 14 <BR>
Likes: you :P<BR>
Music: Avril<BR></p>
</td>
</table>
</td></tr><tr></tr>

<tr>
<td bgcolor="#FFFFFF" width="22%" valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<td><div align="center"><p><b>Comming Soon ++<b></p></div>
</td>
</table>
</td></tr>

<tr><td bgcolor="#FFFFFF" width="22%" valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<td><div align="center">
<h5>- more lyrics -<br>- how to -
</td>
</table>
</td></tr><tr></tr>

<tr>
<td bgcolor="#FFFFFF" width="22%" valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<td><div align="center"><p><b>Links +<b></p></div>
</td>
</table>
</td></tr>

<tr><td bgcolor="#FFFFFF" width="22%" valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<td><div align="center">
<a href="http://www.lissaexplains.com"><img src="htmlbttn1.gif" width="88" height="31" alt="Lissa Explains it All" border="0"></a>
<br>
<a href="http://www.starlightmks.com/"><img src="http://www.boomspeed.com/starlight/8831.gif" border=0></a><BR>
<A href="http://www.freewebs.com" style="cursor:crosshair" style="color: #FF6666"><b>Get Your Own Free Site HERE!</b></A></div>
</td>
</table>
</td></tr>

</table></body></html>


Thanks love K
oldcrazylegs
05-28-2005, 07:27 PM
You shouldn't save html as a .txt file and insert it into a page with an ssi include. Only Internet Explorer allows you get away with this. There are many other browsers on the web that won't.


<!--#include file="noright.txt" -->


I know this has nothing to do with your question but I thought I should mention it anyway.
pb&j
05-28-2005, 09:15 PM
You shouldn't save html as a .txt file and insert it into a page with an ssi include. Only Internet Explorer allows you get away with this. There are many other browsers on the web that won't.
which browsers are you talking about.
ie, ff, and opera seem to handle this ok.

on the question at hand ~ did you set any height to your TD or TABLE tags?
luvhartz
05-28-2005, 09:54 PM
no i didnt know you could do that? but wont that mess up my right side??
pb&j
05-29-2005, 08:04 AM
give it a go and see if it helps.
can always change it back afterwards if not.
and yes, height may be applied to table and td tags.
luvhartz
05-29-2005, 11:08 AM
i tried adding a simple <height="10"> but does it need something for pixels init? it had no effect when i used percentages. If i use it for pixels what bit am i missing from the code?

Thanks loads you are super great!
Love K
luvhartz
05-29-2005, 01:07 PM
right scrap the height thing, i finnaly found away around it. It might be frowned apon by some because it isnt a proper thing its more hit and miss you know.. anyway i added another include text thing using ssi and basically added another little nest for teh bottom left and made it massive, so now all the left is ballanced out and at the top :D Thanks everyone!

Love K