How to make a 2 tabled DIV layout

ogrr · #1 (**permalink**) 08-22-2007, 07:58 PM

Ok first go to edit profile and insert this into your about me

Code:

<style>.div1 **
background-color:000000; color:FFFFFF;
border:2px solid; border-color:FFFFFF;
width:300px; height:600px; overflow:auto;
position:absolute; z-index:2; left:50%; top:0%;
margin-left:150px; margin-top:160px; text-align:center;
visibility:visible;}
      body {background-color:000000; background-image:url('PUT THE BACKGROUND URL HERE ');}
      td, .text, div, input {color:FFFFFF !important;}
      a {color:FFFFFF !important;} img {border:0px;}
      table, tr, td {background:transparent; border:0px;}
      .navbar {visibility:visible !important;}
      table table table td {visibility:hidden;}
      marquee, table table table div td{visibility:visible;}
table div div, table tr td div font a {visibility:hidden;}
.div3{
background-color:000000; color:FFFFFF;
border:2px solid; border-color:FFFFFF;
width:410px; height:610px; overflow:auto;
position:absolute; z-index:2; left:50%; top:0%;
margin-left:-500px; margin-top:160px; text-align:center;
visibility:visible;}
</style>

That just makes the tables and such

Oki next what you do is put this in you is put this code in were I'd like to meet section

Code:

<div class="div1">
<font face="script" size=7><center>Title</font><br><br>

Right table



</div></div><div class="div3"><font face=script size=7>Title</font><br><br>

Left table

Other stuff here



</div>

NOTE: You will have to edit some part of it to fulfil your wishes

thats it. It should look close to this

I will post a Guide later how to make a Nav. Bar