Моля помогнете за кода на тази таблица

A

alexander_85

Registered
Моля помогнете ето тази таблица е с 3 колонки долу съм описал това за което Ви моля за помощ::(
Код: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<html>
<head>
<meta name="generator" content="Web Page Maker V2">

<style type="text/css">
/*----------Text Styles----------*/
.ws6 {font-size: 8px;}
.ws7 {font-size: 9.3px;}
.ws8 {font-size: 11px;}
.ws9 {font-size: 12px;}
.ws10 {font-size: 13px;}
.ws11 {font-size: 15px;}
.ws12 {font-size: 16px;}
.ws14 {font-size: 19px;}
.ws16 {font-size: 21px;}
.ws18 {font-size: 24px;}
.ws20 {font-size: 27px;}
.ws22 {font-size: 29px;}
.ws24 {font-size: 32px;}
.ws26 {font-size: 35px;}
.ws28 {font-size: 37px;}
.ws36 {font-size: 48px;}
.ws48 {font-size: 64px;}
.ws72 {font-size: 96px;}
.wpmd {font-size: 13px;font-family: 'Arial';font-style: normal;font-weight: normal;}
/*----------Para Styles----------*/
DIV,UL,OL /* Left */
{
 margin-top: 0px;
 margin-bottom: 0px;
}
</style>

</head>

<body bgColor="green">

<div id="html1" style="position:absolute; overflow:hidden; left:0px; top:0px; width:498px; height:405px; z-index:0">
<table width="100%" border="0" cellspacing="0" cellpadding="3" color=#red>
          <tr>
            <td><div align="center">
                <table width="100%" border="0" cellspacing="0" cellpadding="3">
                  <tr>
                    <td width="50%"><strong><font size="5"><font color=#ccOO><b><div align="center">text</div></b></font></strong></td>
                  </tr>

                  <tr>
                    <td><font color=#ffffff><b><div align="center">text<br>text</b></td>
                  </tr>
                  <tr>
                    <td><font color=#ffffff><b><div align="center">text</b></td>
                  </tr>
                  </table>
              </div>
              <table width="100%" border="1" align="center" cellpadding="0" cellspacing="0" bordercolor="#CCCCCC">
                <tr>
                <td width="33%" rowspan="4"><font color=#ffffff><b>text</b></a></td>
                  <td width="33%" rowspan="2"><font color=#ffffff><b>text</b></td>
                  <td width="33%"><font color=#ffffff><b>text</b></td>

                </tr>
                <tr>
                  <td width="33%"><font color=#ffffff><b>text</b></td>
                </tr>
                <tr>
                  <td width="33%" rowspan="2"><font color=#ffffff><b>text</b></td>
                  <td width="33%"><font color=#ffffff><b>text</b></td>
                </tr>

                <tr>
                  <td width="33%"><font color=#ffffff><b>text</b></td>
                </tr>
                <tr>
                <td width="33%" rowspan="4"><font color=#ffffff><b>text</b></a></td>
                  <td width="33%" rowspan="2"><font color=#ffffff><b>text</b></td>
                  <td width="33%"><font color=#ffffff><b>text</b></td>

                </tr>
                <tr>
                  <td width="33%"><font color=#ffffff><b>text</b></td>
                </tr>
                <tr>
                  <td width="33%" rowspan="2"> <font color=#ffffff><b>text</b></td>
                  <td width="33%"><font color=#ffffff><b>text</b></td>
                </tr>

                <tr>
                  <td width="33%"><font color=#ffffff><b>text</b></td>
                </tr>
              </table></td>
          </tr>
        </table>
        <p> </p>
      </div></td>
  </tr></div>

</body>
</html>
Да има още една четвърта колонка и квадратчетата както са в първа-2,втора-4 ,трета-8 а в четвъртата колонка да е с 16 правоъгалници.Много ще съм благодарен ако някой ми помогне(Не мога да го направя сам :cry: )
 
Това устройва ли те :roll: ?

Код: 
<style type="text/css">
table.tb1 { border: 1px solid #DDDDDD; }
td.z { background: #F5F5F5; border: 0px; }
td { border: 1px solid #DDDDDD; text-align: center; font-family: verdana; font-size: 11px; background: #FFFFFF; }
</style>

<br /><br />

<table class="tb1" align="center" width="800" height="400" cellspacing="0" cellpadding="0">
<tr>
<td width="25%" height="100%" class="z">
    <table width="100%" height="100%" cellspacing="1" cellpadding="2">
      <tr><td height="200">1</td></tr>
      <tr><td height="200">1</td></tr>
    </table>
</td>

<td width="25%" height="100%" class="z">
    <table width="100%" height="100%" cellspacing="1" cellpadding="2">
      <tr><td height="100">2</td></tr>
      <tr><td height="100">2</td></tr>
      <tr><td height="100">2</td></tr>
      <tr><td height="100">2</td></tr>
    </table>
</td>

<td width="25%" height="100%" class="z">
    <table width="100%" height="100%" cellspacing="1" cellpadding="2">
      <tr><td height="50">3</td></tr>
      <tr><td height="50">3</td></tr>
      <tr><td height="50">3</td></tr>
      <tr><td height="50">3</td></tr>
      <tr><td height="50">3</td></tr>
      <tr><td height="50">3</td></tr>
      <tr><td height="50">3</td></tr>
      <tr><td height="50">3</td></tr>
    </table>
</td>

<td width="25%" height="100%" class="z">
    <table width="100%" height="100%" cellspacing="1" cellpadding="2">
      <tr><td height="25">4</td></tr>
      <tr><td height="25">4</td></tr>
      <tr><td height="25">4</td></tr>
      <tr><td height="25">4</td></tr>
      <tr><td height="25">4</td></tr>
      <tr><td height="25">4</td></tr>
      <tr><td height="25">4</td></tr>
      <tr><td height="25">4</td></tr>
      <tr><td height="25">4</td></tr>
      <tr><td height="25">4</td></tr>
      <tr><td height="25">4</td></tr>
      <tr><td height="25">4</td></tr>
      <tr><td height="25">4</td></tr>
      <tr><td height="25">4</td></tr>
      <tr><td height="25">4</td></tr>
      <tr><td height="25">4</td></tr>
    </table>
</td>
</tr>
</table>
 
Да супер е имам само една питане.Къде да и поставя bgcolor="green" искам и фона както и таблицата да са зелени къде се поставя това за "bgcolor"
 
Еми експериментирай :) толкова ли е трудно?

Иначе така ли искаш (смени css горе):

<style type="text/css">
table.tb1 { border: 1px solid #006200; background: green; }
td.z { border: 0px; }
td { border: 1px solid #006200; text-align: center; font-family: verdana; font-size: 11px; }
</style>

Снимка: http://img530.imageshack.us/img530/5906/asdsaashl2.png
 
DJCharge не виждам смисъл защо да се ползват 5 таблици, като може да се ползва и само една.

Код: 
<style type="text/css"> 
table.tb1 { border: 1px solid #DDDDDD; background: green; } 
td { border: 1px solid #DDDDDD; text-align: center; font-family: verdana; font-size: 11px; } 
</style>

<table class="tb1" align="center" width="800" height="400" cellspacing="0" cellpadding="0"> 
	<tr>
		<td rowspan="8">1</td>
		<td rowspan="4">2</td>
		<td rowspan="2">3</td>
		<td>4</td>
	</tr>
	<tr>
		<td>5</td>
	</tr>
	<tr>
		<td rowspan="2">6</td>
		<td>7</td>
	</tr>
	<tr>
		<td>8</td>
	</tr>
	<tr>
		<td rowspan="4">9</td>
		<td rowspan="2">10</td>
		<td>11</td>
	</tr>
	<tr>
		<td>12</td>
	</tr>
	<tr>
		<td rowspan="2">13</td>
		<td>14</td>
	</tr>
	<tr>
		<td>15</td>
	</tr>
	<tr>
		<td rowspan="8">16</td>
		<td rowspan="4">17</td>
		<td rowspan="2">18</td>
		<td>19</td>
	</tr>
	<tr>
		<td>20</td>
	</tr>
	<tr>
		<td rowspan="2">21</td>
		<td>22</td>
	</tr>
	<tr>
		<td>23</td>
	</tr>
	<tr>
		<td rowspan="4">24</td>
		<td rowspan="2">25</td>
		<td>26</td>
	</tr>
	<tr>
		<td>27</td>
	</tr>
	<tr>
		<td rowspan="2">28</td>
		<td>29</td>
	</tr>
	<tr>
		<td>30</td>
	</tr>
</table>
 
DJCharge каза:
Е аре ся.. подробности :D работата е там, че и аз се опитах като твоето да е, но нещо му видях зора и реших така да го направя. Пък и виж по кое време съм го мислил.. :oops:
Увеличете...

е да сложничко си е, а времето. за мен си е нормално време в 4-5ч сабарлем :-)

П.П. скоро ще напиша едно уроче как най-лесно се правят такива таблички :-) има си цака ;-)
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Back
Горе