In order to do this....

Gangster · 20-02-2008, 03:21 PM

In order to do this http://www.dynamicdrive.com/dynamici...switchmenu.htm does your layout have to be coded in expandables?

~~Blob~~ · 20-02-2008, 03:51 PM

Originally Posted by Gangster

In order to do this http://www.dynamicdrive.com/dynamici...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

Originally Posted by Blob

I recommend it is, although it doesnt have to

what will happen if it isn't?

~~Blob~~ · 20-02-2008, 04:07 PM

Originally Posted by Gangster

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

Originally Posted by Blob

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

Originally Posted by Tomm

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

Originally Posted by DUB

to expand a table just dont apply a height

so i just remove everything that says " height="number"?

HTML Code:

<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.

Originally Posted by Gangster

so i just remove everything that says " height="number"?

HTML Code:

<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>

Thread: In order to do this....

Thread Tools

In order to do this....

Posting Permissions