Coding my layout [help]

Andys · 30-10-2008, 12:29 AM

Right, I've got my layout:

When I got to code it, i've sliced it an'all and i've got it in dreamweaver.
It works almost perfectly, the only problem is when I type content in the top left box, the top left box and the red box both expand. However, I only want the top left box to expand when i do this. Likewise when I type content into the red box the top left box also expands.

Help?
Thanks.

wsg14 · 30-10-2008, 12:39 AM

Post your code for that area (HTML&CSS).

btw (off-topic): where does everyone get those avatars (the one in your avatar)?

Andys · 30-10-2008, 12:45 AM

Okay, btw this is in tables not divs so don't moan saying "code in divs, tables suck." simply because I have no idea about DIVs even after looking at numerous tutorials.

Code:

<html>
<head>
<title>simplyhabbo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body {
	background-image: url(../Pictures/bg.png);
}
.style1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 9px;
}
-->
</style></head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<div align="center">
  <!-- ImageReady Slices (simplyhabbo.psd) -->
  <table id="Table_01" width="800" height="321" border="0" cellpadding="0" cellspacing="0">
    <tr>
      <td colspan="7">
        <img src="images/simplyhabbo_01.gif" width="800" height="2" alt=""></td>
	  </tr>
    <tr>
      <td rowspan="14">
        <img src="images/simplyhabbo_02.gif" width="40" height="319" alt=""></td>
	    <td colspan="5">
		    <img src="images/simplyhabbo_03.gif" width="741" height="145" alt=""></td>
	    <td rowspan="14">
		    <img src="images/simplyhabbo_04.gif" width="19" height="319" alt=""></td>
    </tr>
    <tr>
      <td colspan="5">
        <img src="images/simplyhabbo_05.gif" width="741" height="12" alt=""></td>
	  </tr>
    <tr>
      <td rowspan="12">
        <img src="images/simplyhabbo_06.gif" width="1" height="162" alt=""></td>
      <td background="images/simplyhabbo_07.gif"><table border="0" cellspacing="3">
        <tr>
          <td width="257"><div align="center"></div></td>
        </tr>
      </table></td>
    <td width="16" rowspan="12">&nbsp;</td>
	    <td>
		    <img src="images/simplyhabbo_09.gif" width="490" height="30" alt=""></td>
	    <td rowspan="12">
		    <img src="images/simplyhabbo_10.gif" width="27" height="162" alt=""></td>
    </tr>
    <tr>
      <td background="images/simplyhabbo_11.gif" width="207" height="9" alt=""></td>
      <td background="images/simplyhabbo_12.gif" width="490" height="9" alt=""><p>&nbsp;</p>
      </td>
    </tr>
    <tr>
      <td>
        <img src="images/simplyhabbo_13.gif" width="207" height="6" alt=""></td>
	    <td>
		    <img src="images/simplyhabbo_14.gif" width="490" height="6" alt=""></td>
	  </tr>
    <tr>
      <td>
        <img src="images/simplyhabbo_15.gif" width="207" height="7" alt=""></td>
	    <td rowspan="9">&nbsp;</td>
    </tr>
    <tr>
      <td>
        <img src="images/simplyhabbo_17.gif" width="207" height="30" alt=""></td>
	  </tr>
    <tr>
      <td background="images/simplyhabbo_18.gif" width="207" height="9" alt=""></td>
    </tr>
    <tr>
      <td>
        <img src="images/simplyhabbo_19.gif" width="207" height="6" alt=""></td>
	  </tr>
    <tr>
      <td>
        <img src="images/simplyhabbo_20.gif" width="207" height="7" alt=""></td>
	  </tr>
    <tr>
      <td>
        <img src="images/simplyhabbo_21.gif" width="207" height="30" alt=""></td>
	  </tr>
    <tr>
      <td background="images/simplyhabbo_22.gif" width="207" height="9" alt=""></td>
	  </tr>
    <tr>
      <td>
        <img src="images/simplyhabbo_23.gif" width="207" height="6" alt=""></td>
	  </tr>
    <tr>
      <td>
        <img src="images/simplyhabbo_24.gif" width="207" height="13" alt=""></td>
	  </tr>
  </table>
  <!-- End ImageReady Slices -->
</div>
</body>
</html>

I got it from dentafrice's post i'll find you the link.
http://www.habboxforum.com/showpost....postcount=3286

wsg14 · 30-10-2008, 12:47 AM

I actually don't understand tables tbh. If you want I code teach you how to code in divs.

Andys · 30-10-2008, 12:48 AM

Trust me, I can't learn DIV's my mind gets mixed up

I'll add you on msn anyways

Cushioned · 30-10-2008, 01:07 AM

[email protected]

I'll code it in expandable divs / css for free

Andys · 30-10-2008, 02:09 AM

Originally Posted by Cushioned

[email protected]

I'll code it in expandable divs / css for free

the whole point in it was to learn to code myself... :rolleyes:
thanks for the offer none the less.

Cushioned · 30-10-2008, 02:11 AM

Originally Posted by Andys

the whole point in it was to learn to code myself... :rolleyes:
thanks for the offer none the less.

I know you said not to say tables are crap, but they are, and not many people want to buy things coded in tables :rolleyes:

HabbDance · 30-10-2008, 02:15 AM

Originally Posted by Cushioned

I know you said not to say tables are crap, but they are, and not many people want to buy things coded in tables :rolleyes:

Agreed. Let Cushioned do it, I'll vouch for him.

Cushioned · 30-10-2008, 02:18 AM

Originally Posted by HabbDance

Agreed. Let Cushioned do it, I'll vouch for him.

Thanks mate

Thread: Coding my layout [help]

Thread Tools

Coding my layout [help]

Posting Permissions