Log in

View Full Version : In order to do this....


Gangster
20-02-2008, 03:21 PM
In order to do this http://www.dynamicdrive.com/dynamicindex1/switchmenu.htm does your layout have to be coded in expandables?
Blob
20-02-2008, 03:51 PM
In order to do this http://www.dynamicdrive.com/dynamicindex1/switchmenu.htm does your layout have to be coded in expandables?

I recommend it is, although it doesnt have to
Gangster
20-02-2008, 04:05 PM
I recommend it is, although it doesnt have to
what will happen if it isn't?
Blob
20-02-2008, 04:07 PM
what will happen if it isn't?

Well if it is in an iframe, a scrollbar will appear, if it isn't in an iframe it will break the layout.
Tomm
20-02-2008, 04:16 PM
Plus you should not really use tables at all.
Gangster
20-02-2008, 04:17 PM
Well if it is in an iframe, a scrollbar will appear, if it isn't in an iframe it will break the layout.
yeah, thats what i thought, the thing is, i dont know how to code in expandable tables


Plus you should not really use tables at all.
i dont know how to code in divs :(
DUB
21-02-2008, 05:40 PM
to expand a table just dont apply a height
Gangster
21-02-2008, 10:06 PM
to expand a table just dont apply a height
so i just remove everything that says " height="number"?


<html>
<head>
<title>layout</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
a {
font-family: Tahoma;
font-size: 10px;
color: #FFFFFF;
font-weight: bold;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
}
.style1 {
font-size: 10px;
font-family: Tahoma;
}
.style2 {
color: #FFFFFF;
font-weight: bold;
}
-->
</style></head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (layout.PNG) -->
<table id="Table_01" width="1026" height="774" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="9">
<img src="images/index_01.png" width="1025" height="272" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="272" alt=""></td>
</tr>
<tr>
<td rowspan="29">
<img src="images/index_02.png" width="48" height="502" alt=""></td>
<td background="images/index_03.png"><div align="center"><a href="habbojungle.html" class="style1">Habbo Jungle</a></div></td>
<td rowspan="27">
<img src="images/index_04.png" width="66" height="453" alt=""></td>
<td rowspan="15">
<img src="images/index_05.png" width="211" height="238" alt=""></td>
<td rowspan="27">
<img src="images/index_06.png" width="31" height="453" alt=""></td>
<td rowspan="18">
<img src="images/index_07.png" width="204" height="300" alt=""></td>
<td rowspan="27">
<img src="images/index_08.png" width="70" height="453" alt=""></td>
<td rowspan="12">
<img src="images/index_09.png" width="169" height="166" alt=""></td>
<td rowspan="29">
<img src="images/index_10.png" width="60" height="502" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="19" alt=""></td>
</tr>
<tr>
<td>
<img src="images/index_11.png" width="166" height="6" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="6" alt=""></td>
</tr>
<tr>
<td background="images/index_12.png"><div align="center"><a href="fansite.html">Fansite</a></div></td>
<td>
<img src="images/spacer.gif" width="1" height="19" alt=""></td>
</tr>
<tr>
<td>
<img src="images/index_13.png" width="166" height="6" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="6" alt=""></td>
</tr>
<tr>
<td background="images/index_16.png"><div align="center"><a href="goodies.html">Goodies</a></div></td>
<td>
<img src="images/spacer.gif" width="1" height="19" alt=""></td>
</tr>
<tr>
<td>
<img src="images/index_15.png" width="166" height="6" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="6" alt=""></td>
</tr>
<tr>
<td background="images/index_16.png"><div align="center"><a href="guides.html">Guides</a></div></td>
<td>
<img src="images/spacer.gif" width="1" height="19" alt=""></td>
</tr>
<tr>
<td>
<img src="images/index_17.png" width="166" height="6" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="6" alt=""></td>
</tr>
<tr>
<td background="images/index_18.png"><div align="center"><a href="news.html">News</a></div></td>
<td>
<img src="images/spacer.gif" width="1" height="19" alt=""></td>
</tr>
<tr>
<td>
<img src="images/index_19.png" width="166" height="6" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="6" alt=""></td>
</tr>
<tr>
<td background="images/index_20.png"><div align="center"><a href="habbo.html">Habbo</a></div></td>
<td>
<img src="images/spacer.gif" width="1" height="19" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<img src="images/index_21.png" width="166" height="65" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="22" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<img src="images/index_22.png" width="169" height="64" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="43" alt=""></td>
</tr>
<tr>
<td rowspan="6">
<img src="images/index_23.png" width="166" height="97" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="21" alt=""></td>
</tr>
<tr>
<td rowspan="3">
<img src="images/index_24.png" width="169" height="56" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="8" alt=""></td>
</tr>
<tr>
<td>
<img src="images/index_25.png" width="211" height="19" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="19" alt=""></td>
</tr>
<tr>
<td rowspan="9">
<img src="images/index_26.png" width="211" height="179" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="29" alt=""></td>
</tr>
<tr>
<td rowspan="4">
<img src="images/index_27.png" width="169" height="62" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="14" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<img src="images/index_28.png" width="204" height="26" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="6" alt=""></td>
</tr>
<tr>
<td rowspan="3">
<img src="images/index_29.png" width="166" height="60" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="20" alt=""></td>
</tr>
<tr>
<td rowspan="4">
<img src="images/index_30.png" width="204" height="102" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="22" alt=""></td>
</tr>
<tr>
<td rowspan="5">
<img src="images/index_31.png" width="169" height="97" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="18" alt=""></td>
</tr>
<tr>
<td>
<img src="images/index_32.png" width="166" height="58" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="58" alt=""></td>
</tr>
<tr>
<td rowspan="4">
<img src="images/index_33.png" width="166" height="29" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="4" alt=""></td>
</tr>
<tr>
<td rowspan="3">
<img src="images/index_34.png" width="204" height="25" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="8" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<img src="images/index_35.png" width="211" height="17" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="9" alt=""></td>
</tr>
<tr>
<td>
<img src="images/index_36.png" width="169" height="8" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="8" alt=""></td>
</tr>
<tr>
<td colspan="7" background="images/index_37.png" class="style1"><div align="center"><span class="style2">&copy;HabboPaper - <a href="habbo.co.uk">Habbo UK</a> l <a href="contactus.html">Contact Us</a> l <a href="disclaimer.html">Disclaimer</a></span></div></td>
<td>
<img src="images/spacer.gif" width="1" height="23" alt=""></td>
</tr>
<tr>
<td colspan="7">
<img src="images/index_38.png" width="917" height="26" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="26" alt=""></td>
</tr>
</table>
<!-- End ImageReady Slices -->

</body>
</html>
--ss--
21-02-2008, 10:13 PM
Nope , only for the section you want to be expandble lol.
so i just remove everything that says " height="number"?


<html>
<head>
<title>layout</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
a {
font-family: Tahoma;
font-size: 10px;
color: #FFFFFF;
font-weight: bold;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
}
.style1 {
font-size: 10px;
font-family: Tahoma;
}
.style2 {
color: #FFFFFF;
font-weight: bold;
}
-->
</style></head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (layout.PNG) -->
<table id="Table_01" width="1026" height="774" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="9">
<img src="images/index_01.png" width="1025" height="272" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="272" alt=""></td>
</tr>
<tr>
<td rowspan="29">
<img src="images/index_02.png" width="48" height="502" alt=""></td>
<td background="images/index_03.png"><div align="center"><a href="habbojungle.html" class="style1">Habbo Jungle</a></div></td>
<td rowspan="27">
<img src="images/index_04.png" width="66" height="453" alt=""></td>
<td rowspan="15">
<img src="images/index_05.png" width="211" height="238" alt=""></td>
<td rowspan="27">
<img src="images/index_06.png" width="31" height="453" alt=""></td>
<td rowspan="18">
<img src="images/index_07.png" width="204" height="300" alt=""></td>
<td rowspan="27">
<img src="images/index_08.png" width="70" height="453" alt=""></td>
<td rowspan="12">
<img src="images/index_09.png" width="169" height="166" alt=""></td>
<td rowspan="29">
<img src="images/index_10.png" width="60" height="502" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="19" alt=""></td>
</tr>
<tr>
<td>
<img src="images/index_11.png" width="166" height="6" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="6" alt=""></td>
</tr>
<tr>
<td background="images/index_12.png"><div align="center"><a href="fansite.html">Fansite</a></div></td>
<td>
<img src="images/spacer.gif" width="1" height="19" alt=""></td>
</tr>
<tr>
<td>
<img src="images/index_13.png" width="166" height="6" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="6" alt=""></td>
</tr>
<tr>
<td background="images/index_16.png"><div align="center"><a href="goodies.html">Goodies</a></div></td>
<td>
<img src="images/spacer.gif" width="1" height="19" alt=""></td>
</tr>
<tr>
<td>
<img src="images/index_15.png" width="166" height="6" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="6" alt=""></td>
</tr>
<tr>
<td background="images/index_16.png"><div align="center"><a href="guides.html">Guides</a></div></td>
<td>
<img src="images/spacer.gif" width="1" height="19" alt=""></td>
</tr>
<tr>
<td>
<img src="images/index_17.png" width="166" height="6" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="6" alt=""></td>
</tr>
<tr>
<td background="images/index_18.png"><div align="center"><a href="news.html">News</a></div></td>
<td>
<img src="images/spacer.gif" width="1" height="19" alt=""></td>
</tr>
<tr>
<td>
<img src="images/index_19.png" width="166" height="6" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="6" alt=""></td>
</tr>
<tr>
<td background="images/index_20.png"><div align="center"><a href="habbo.html">Habbo</a></div></td>
<td>
<img src="images/spacer.gif" width="1" height="19" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<img src="images/index_21.png" width="166" height="65" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="22" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<img src="images/index_22.png" width="169" height="64" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="43" alt=""></td>
</tr>
<tr>
<td rowspan="6">
<img src="images/index_23.png" width="166" height="97" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="21" alt=""></td>
</tr>
<tr>
<td rowspan="3">
<img src="images/index_24.png" width="169" height="56" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="8" alt=""></td>
</tr>
<tr>
<td>
<img src="images/index_25.png" width="211" height="19" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="19" alt=""></td>
</tr>
<tr>
<td rowspan="9">
<img src="images/index_26.png" width="211" height="179" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="29" alt=""></td>
</tr>
<tr>
<td rowspan="4">
<img src="images/index_27.png" width="169" height="62" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="14" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<img src="images/index_28.png" width="204" height="26" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="6" alt=""></td>
</tr>
<tr>
<td rowspan="3">
<img src="images/index_29.png" width="166" height="60" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="20" alt=""></td>
</tr>
<tr>
<td rowspan="4">
<img src="images/index_30.png" width="204" height="102" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="22" alt=""></td>
</tr>
<tr>
<td rowspan="5">
<img src="images/index_31.png" width="169" height="97" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="18" alt=""></td>
</tr>
<tr>
<td>
<img src="images/index_32.png" width="166" height="58" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="58" alt=""></td>
</tr>
<tr>
<td rowspan="4">
<img src="images/index_33.png" width="166" height="29" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="4" alt=""></td>
</tr>
<tr>
<td rowspan="3">
<img src="images/index_34.png" width="204" height="25" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="8" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<img src="images/index_35.png" width="211" height="17" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="9" alt=""></td>
</tr>
<tr>
<td>
<img src="images/index_36.png" width="169" height="8" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="8" alt=""></td>
</tr>
<tr>
<td colspan="7" background="images/index_37.png" class="style1"><div align="center"><span class="style2">&copy;HabboPaper - <a href="habbo.co.uk">Habbo UK</a> l <a href="contactus.html">Contact Us</a> l <a href="disclaimer.html">Disclaimer</a></span></div></td>
<td>
<img src="images/spacer.gif" width="1" height="23" alt=""></td>
</tr>
<tr>
<td colspan="7">
<img src="images/index_38.png" width="917" height="26" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="26" alt=""></td>
</tr>
</table>
<!-- End ImageReady Slices -->

</body>
</html>

Want to hide these adverts? Register an account for free!