JDRh4l
04-10-2003, 03:37 AM
Ok, I have been chugging at this for quite some time now, but its 11:30pm and my brain is now gone...
on my soon to be splashpage
http://www.iamsmeagol.net/splashpage.html
I have some collapsing links/folders on the bottom. Each folder is in a separate table. As you can see they just line up under each other and no matter what I do I cannot get them to go in a nice pretty single row. I have also tried taking the folders out of the tables, also to no avail..
Any help would be fantastic. I also would not object to any other suggies regarding the page thus far. Thankies.
<html>
<head>
<title>IamSmeagol.net</title>
</head>
<body bgcolor="ffffff" text="000000" link="#009900" vlink="#009900" alink="#99ff99">
<font face="verdana, Trebuchet MS, arial" SIZE="3">
<center>
<table cellpadding="0" cellspacing="0" border="0" style="width: 700px;">
<tr>
<td style="width: 301px; Height: 7px;">
</td>
<td style="width: 399px;">
<img src="http://www.iamsmeagol.net/images/version.jpg" alt="IamSmeagol.net Version 3.0 : Trust Master" style="width: 237px;
height: 7px;" align="right"><br>
</td>
</tr>
<tr>
<td style="width: 301px;">
<img src="http://www.iamsmeagol.net/images/splash1.jpg" style="width: 140px; height: 400px;"><img
src="http://www.iamsmeagol.net/images/splash2.jpg" style="width: 160px; height: 400px;">
<br>
</td>
<td style="width: 399px;">
<iframe FRAMEBORDER="0" BORDER=0 width=399 height=400 src="http://www.iamsmeagol.net/content1.html"
name=content scrolling=yes></iframe>
</td>
</tr>
</table>
<br>
<table style="width: 175px;">
<tr>
<td style="width: 175px;">
<h6 style="" onclick="expandit(this)">Smeagol</h6>
<span style="display: none;"> <a href="http://www.iamsmeagol.net/fans">Smeagol FanListing</a><br>
About<br>
Media<br>
His Desktop<br>
YKYA<br>
</span>
</td>
</tr>
</table><table>
<tr>
<td style="width: 175px;">
<h6 style="" onclick="expandit(this)">Me</h6>
<span style="display: none;"> Likes<br>
Dislikes<br>
Ask Me<br>
CDs<br>
Computer<br>
LiveJournal<br>
</span>
</td>
</tr>
</table><table>
<tr>
<td style="width: 175px;">
<h6 style="" onclick="expandit(this)">Sillyness</h6>
<span style="display: none;"> Yeap<br>
</span>
</td>
</tr>
</table><table>
<td style="width: 175px;">
<h6 style="" onclick="expandit(this)">Domain</h6>
<span style="display: none;"> Althea<br>
Jen<br>
Mark<br>
</span> </td>
</tr>
</table>
<script language="JavaScript1.2">
var ns6=document.getElementById&&!document.all?1:0
var head="display:''"
var folder=''
function expandit(curobj){
folder=ns6?curobj.nextSibling.nextSibling.style:do cument.all[curobj.sourceIndex+1].style
if (folder.display=="none")
folder.display=""
else
folder.display="none"
}
//-->
</script>
</center>
</font>
<br>
<br>
<br>
</body>
</html>
on my soon to be splashpage
http://www.iamsmeagol.net/splashpage.html
I have some collapsing links/folders on the bottom. Each folder is in a separate table. As you can see they just line up under each other and no matter what I do I cannot get them to go in a nice pretty single row. I have also tried taking the folders out of the tables, also to no avail..
Any help would be fantastic. I also would not object to any other suggies regarding the page thus far. Thankies.
<html>
<head>
<title>IamSmeagol.net</title>
</head>
<body bgcolor="ffffff" text="000000" link="#009900" vlink="#009900" alink="#99ff99">
<font face="verdana, Trebuchet MS, arial" SIZE="3">
<center>
<table cellpadding="0" cellspacing="0" border="0" style="width: 700px;">
<tr>
<td style="width: 301px; Height: 7px;">
</td>
<td style="width: 399px;">
<img src="http://www.iamsmeagol.net/images/version.jpg" alt="IamSmeagol.net Version 3.0 : Trust Master" style="width: 237px;
height: 7px;" align="right"><br>
</td>
</tr>
<tr>
<td style="width: 301px;">
<img src="http://www.iamsmeagol.net/images/splash1.jpg" style="width: 140px; height: 400px;"><img
src="http://www.iamsmeagol.net/images/splash2.jpg" style="width: 160px; height: 400px;">
<br>
</td>
<td style="width: 399px;">
<iframe FRAMEBORDER="0" BORDER=0 width=399 height=400 src="http://www.iamsmeagol.net/content1.html"
name=content scrolling=yes></iframe>
</td>
</tr>
</table>
<br>
<table style="width: 175px;">
<tr>
<td style="width: 175px;">
<h6 style="" onclick="expandit(this)">Smeagol</h6>
<span style="display: none;"> <a href="http://www.iamsmeagol.net/fans">Smeagol FanListing</a><br>
About<br>
Media<br>
His Desktop<br>
YKYA<br>
</span>
</td>
</tr>
</table><table>
<tr>
<td style="width: 175px;">
<h6 style="" onclick="expandit(this)">Me</h6>
<span style="display: none;"> Likes<br>
Dislikes<br>
Ask Me<br>
CDs<br>
Computer<br>
LiveJournal<br>
</span>
</td>
</tr>
</table><table>
<tr>
<td style="width: 175px;">
<h6 style="" onclick="expandit(this)">Sillyness</h6>
<span style="display: none;"> Yeap<br>
</span>
</td>
</tr>
</table><table>
<td style="width: 175px;">
<h6 style="" onclick="expandit(this)">Domain</h6>
<span style="display: none;"> Althea<br>
Jen<br>
Mark<br>
</span> </td>
</tr>
</table>
<script language="JavaScript1.2">
var ns6=document.getElementById&&!document.all?1:0
var head="display:''"
var folder=''
function expandit(curobj){
folder=ns6?curobj.nextSibling.nextSibling.style:do cument.all[curobj.sourceIndex+1].style
if (folder.display=="none")
folder.display=""
else
folder.display="none"
}
//-->
</script>
</center>
</font>
<br>
<br>
<br>
</body>
</html>