Help me (website layout)

D

Dobby

Member
Nov 8, 2010
156
5
I need some help i would like to make my website wider and add a few boxes for text

You must be registered for see links


Page code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Habbo Invention</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="container">

<div id="header"></div>
<div id="left">
<div id="left1_top">Menu</div>
<div id="left1_mid">» <a href="http://www.habbo-invention.webs.com/">Home</a><br />
» <a href="http://www.habbo-invention.webs.com/downloads.html">Downloads</a><br />
</div>
<div id="left1_bot"></div>
<div id="left2_top">Advertisement</div>
<div id="left2_mid"><!-- Freewebs Sticker -->
<noscript></noscript><center><a href="http://tinypic.com?ref=2nk319j" target="_blank"><img src="http://i51.tinypic.com/2nk319j.png" border="0" alt="Image and video hosting by TinyPic"></center></a></div>
<div id="left2_bot"></div>
</div>

<div id="middle">
<div id="mid_top">Welcome To Habbo Invention</div>
<div id="mid_mid">
<br />
Hello, Welcome to habbo invention. On this website me (joyned667) and my friends make little applications for habbo. For example we make programs like notepad that are for habbo.
<br>
<br>
Our programs will never have any viruses. They are 100% safe and will not harm your computer/laptop. Our programs are also free.<br />
<br />
Our website is only just been opened so there are not many downloads at the moment.<br />
<br />
If you wish to contact me you can add my habbo (joyned667)<br>
<br>
Habbo inventions will always hopefully be free but because we are 100% free we wont be getting a .com domain any time soon.
<br>
<br>
This website was made because i would like to share all my creations with the world!
<br>
<br>
NEW: YOU CAN NOW ADVERTISE YOUR WEBSITE ON HABBO INVENTIONS. JUST TALK TO JOYNED667
<br />
<br />
<br />

</div>
<div id="mid_bot"></div>

</div>
<div id="middle"></div>
<div id="footer"></div>

</div>
</body>
</html>

<!-- Freewebs Sticker -->
<noscript></noscript><!-- --><script type="text/javascript" src="http://www.freewebs.com/p.js"></script><script language="JavaScript" src="http://images.freewebs.com/JS/Freebar/bar_sidegrey.js">
</script>
Click to expand...

Css code

@charset "utf-8";
/* CSS Document */
body {
font-family:Verdana, Geneva, sans-serif;
font-size:9px;
color:#333;
background: url(images/bg.jpg)
}
div#container {
background:url(images/container.png);
width:637px;
height:auto;
margin:auto;
overflow:hidden;
}
div#header {
background:url(images/banner.png);
width:637px;
height:165px;
float:left;
}
div#left {
width:185px;
height:auto;
float:left;
padding-left:2px
}
div#left1_top {
background:url(images/boxes/left1_top.png);
width:181px;
height:22px;
float:left;
padding: 8px 0px 0px 5px;
color: #FFF;
}
div#left1_mid {
background:url(images/boxes/left1_mid.png);
width:181px;
height:auto;
float:left;
padding: 0px 0px 0px 5px
}
div#left1_bot {
background:url(images/boxes/left1_bot.png);
width:187px;
height:10px;
float:left
}
div#left2_top {
background:url(images/boxes/left2_top.png);
width:182px;
height:22px;
float:left;
padding: 8px 0px 0px 4px;
color: #FFF;
}
div#left2_mid {
background:url(images/boxes/left2_mid.png);
width:181px;
height:auto;
float:left;
padding: 0px 0px 0px 5px
}
div#left2_bot {
background:url(images/boxes/left2_bot.png);
width:187px;
height:10px;
float:left
}
div#middle {
width:443px;
height:auto;
float:left;
padding-left: 3px;
}
div#mid_top {
background:url(images/boxes/mid_top.png);
width:438px;
height:22px;
float:left;
padding: 8px 0px 0px 5px;
color:#FFF
}
div#mid_mid {
background:url(images/boxes/mid_mid.png);
width:440px;
height:auto;
float:left;
overflow: hidden;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 3px;
}
div#mid_bot {
background:url(images/boxes/mid_bot.png);
width:443px;
height:10px;
float:left
}
div#footer {
background:url(images/footer.png);
width:637px;
height:7px;
float:left;
}
Click to expand...

Could someone please help me then :D
 
Sort by date Sort by votes

Users who are viewing this thread

Total: 3 (members: 0, guests: 3)
☀️  Switch to Light Theme

Latest posts

Top