i need to create a layout for my site

**simster** · 04-19-2008, 11:12 PM

this is my planed layout (im just having trouble coding it)

the background of the page is black.
the yellow box on my planed layout is my website banner.
the orange boxes are half of a rounded rectangle image (and both is the same colour)
the red box is the area im putting my navigation menu in.
and the blue box is where the content will be.

the red and blue boxes will be the same colour as the orange boxes to make the layout look nice.

can someone code this layout for me please.

**wayfarer07** · 04-20-2008, 01:31 AM

I'll do it by the hour. Click on the link below to hire me.

**simster** · 04-20-2008, 02:32 AM

i cant use that site, sorry.

**chrishirst** · 04-20-2008, 03:20 AM

what have you got so far?

**simster** · 04-20-2008, 04:06 AM

HTML Code:

<html>
<head>
<title>Simsters Space</title>
</head>
<body bgcolor="#00000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<img src="
<?php print $Header; ?>" width="800" height="300">
<table width="800" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td colspan="5"><img src="<?php print $One; ?>" width="800" height="76"></td>
  </tr>
  <tr>
    <td width="26" style=" background-color:<?php print $Black; ?>; ">&nbsp; </td>
    <td width="125" style=" background-color:<?php print $Colour; ?>; ">
<?php

  include('menu.php');

?>
 </td>
    <td width="25" style=" background-color:<?php print $Black; ?>; ">&nbsp; </td>
    <td width="600" style=" background-color:<?php print $Colour; ?>; "> 

 </td>
    <td width="24" style=" background-color:<?php print $Black; ?>; ">&nbsp; </td>
  </tr>
  <tr>
    <td colspan="5"><img src="<?php print $Two; ?>" width="800" height="76"></td>
  </tr>
</table>

</body>
</html>

**blktallos** · 08:59 PM

This link is a Perfect 2 column liquid Layout. The Link is gonna help you Out alot

http://matthewjamestaylor.com/blog/p...-left-menu.htm

**simster** · 04-21-2008, 11:59 PM

can someone fix my code for my layout (the nav bar (sidebar) and the content (main) isnt correctly coded)

HTML Code:

<html>
<head>
<title>Untitled Document</title>
</head>
<style type="text/css">
body,
html {
    margin:0;
    padding:0;
    background:#000;
    color:#FFF;
    }
body {
    min-width:800px;
    }
#wrap {
    background:#000;
    margin:0 auto;
    width:800px;
    }
#header {
    background:#000;
    }
#nav {
    background:#000;
    }
#main {
    background:#000;
    float:right;
    width:500px;
    }
#sidebar {
    background:#000;
    float:left;
    width:150px;
    margin-left:25px;
    padding-left:5px;
    }
#footer {
    background:#000;
    clear:both;
    }
</style>
<body>
<div id="wrap">
    <div id="header"><img src="house.png"></div>
    <div id="nav"><img src="1.png"></div>
    <div id="main">the content</div>
    <div id="sidebar">the nav bar</div>
    <div id="footer"><img src="2.png"></div>
</div>
</body>
</html>

**simster** · 04-22-2008, 01:00 AM

i was using dreamweaver (i just need someone to fix the css for sideabr and main)

margin 25 on left for sidebar
margin 25 on right for main
and both to be side by side

**Ako** · 04-22-2008, 03:11 PM

Quote:

Originally Posted by simster

i was using dreamweaver (i just need someone to fix the css for sideabr and main)

margin 25 on left for sidebar
margin 25 on right for main
and both to be side by side

Hi friend, why don't you just modify an existing free template. I ws using to do this when the task was too hard. Just seek for a temlate that have a similair layout and adapt it to your website needs.

I can suggest you to use this website to find free template: http://www.freewebsitetemplates.com . I think that this one may look at what you need: http://www.freewebsitetemplates.com/...hardwarestore/

**blktallos** · 04-24-2008, 12:46 PM

i gave him a Pretty good link i hope he used it Just modify the code ??? off their template!!

**KamilKJHF** · 04-24-2008, 12:53 PM

You would go better off with modifying a free template. Ako provided you with great sites with resources. If you prefer coding your own, I'll see what I can do. Don't count on it thoug, I'm new into coding.

**Plugin-Developer** · 05-02-2008, 10:01 AM

OP - First, I would recommend using CSS for this layout rather than the tables that you're looking at using. Second, I would listen to the other members that have replied. They have shown you some great tutorials on how to create a layout like that.

If you're concerned about equal height columns in CSS, then I recommend checking out the following links:

Here
Here