Трябва ми таблиците да са

H

haughtelf

Registered
Трябва ми таблиците да са една до друга как защото на мен ми са една под друга и ако може да ми кажете как всяка да е в различен цвят но повече ми трябва да знам първия въпрос ето пример как искам http://www.startgames.ws/ :cry:
 
Не съм гледал source код но там може и да е с div-ове.
Ето ти примерен код който написах току-що.

<html>
<head>
<title> bla bla </title>
<style>
.content
{
width: 600px;
border: 0px;
}

.table1
{
width: 180px;
border: 1px #000000 solid;
background-color: blue;
}

.table2
{
width: 180px;
border: 1px #000000 solid;
background-color: red;
}

.table3
{
width: 180px;
border: 1px #000000 solid;
background-color: green;
}
</style>
</head>
<body>
<center>
<table class="content">
<tr>
<td>
<table class="table1">
<th>New Games</th>
<tr><td>bla bla<br> bla bla bla<br></td></tr>
</table>
</td>
<td>
<table class="table2">
<th>Popular Games</th>
<tr><td>bla bla<br> bla bla bla<br></td></tr>
</table>
</td>
<td>
<table class="table3">
<th>Advertisement</th>
<tr><td>bla bla<br> bla bla bla<br></td></tr>
</table>
</td>
</tr>
</table>
</center>
</body>
</html>
Увеличете...

blue - това е цветът (background) на първата таблица.
red - това е цветът (background) на втората таблица.
green - това е цветът (background) на третата таблица.
 
Код: 
<style>
.b1, .b2, .b3, .b4{font-size:1px; overflow:hidden; display:block;}
.b1 {height:1px; background:#D1E852; margin:0 5px;}
.b2 {height:1px; background:#D1E852; margin:0 3px;}
.b3 {height:1px; background:#D1E852; margin:0 2px;}
.b4 {height:2px; background:#D1E852; margin:0 1px;}
.content {background: #ddd;border:5px solid #D1E852;border-top:none;border-bottom:none;}
.content div {margin-left: 0px;}

.b12, .b22, .b32, .b42{font-size:1px; overflow:hidden; display:block;}
.b12 {height:1px; background:#ddd; margin:0 5px;}
.b22 {height:1px; background:#ddd; margin:0 3px;}
.b32 {height:1px; background:#ddd; margin:0 2px;}
.b42 {height:2px; background:#ddd; margin:0 1px;}
.content2 {height:130px;background: #ddd;border:0px solid #ddd;border-top:none;border-bottom:none;}
.content2 div {margin-left: 0px;}
</style>

<table width='150px'><td>
<b class="b1"></b><b class="b2"></b><b class="b3"></b><b class="b4"></b>
<div class="content">
<b class="b12"></b><b class="b22"></b><b class="b32"></b><b class="b42"></b>
<div class="content2">
<div></div></div>
<b class="b42"></b><b class="b32"></b><b class="b22"></b><b class="b12"></b>
</div>
<b class="b4"></b><b class="b3"></b><b class="b2"></b><b class="b1"></b>
</td></table>
от този урок можели на 1 ред по 3 таблици защото са заоблени
 
haughtelf каза:
Код: 
<style>
.b1, .b2, .b3, .b4{font-size:1px; overflow:hidden; display:block;}
.b1 {height:1px; background:#D1E852; margin:0 5px;}
.b2 {height:1px; background:#D1E852; margin:0 3px;}
.b3 {height:1px; background:#D1E852; margin:0 2px;}
.b4 {height:2px; background:#D1E852; margin:0 1px;}
.content {background: #ddd;border:5px solid #D1E852;border-top:none;border-bottom:none;}
.content div {margin-left: 0px;}

.b12, .b22, .b32, .b42{font-size:1px; overflow:hidden; display:block;}
.b12 {height:1px; background:#ddd; margin:0 5px;}
.b22 {height:1px; background:#ddd; margin:0 3px;}
.b32 {height:1px; background:#ddd; margin:0 2px;}
.b42 {height:2px; background:#ddd; margin:0 1px;}
.content2 {height:130px;background: #ddd;border:0px solid #ddd;border-top:none;border-bottom:none;}
.content2 div {margin-left: 0px;}
</style>

<table width='150px'><td>
<b class="b1"></b><b class="b2"></b><b class="b3"></b><b class="b4"></b>
<div class="content">
<b class="b12"></b><b class="b22"></b><b class="b32"></b><b class="b42"></b>
<div class="content2">
<div></div></div>
<b class="b42"></b><b class="b32"></b><b class="b22"></b><b class="b12"></b>
</div>
<b class="b4"></b><b class="b3"></b><b class="b2"></b><b class="b1"></b>
</td></table>
от този урок можели на 1 ред по 3 таблици защото са заоблени
Увеличете...


Код: 
<style>
.b1, .b2, .b3, .b4{font-size:1px; overflow:hidden; display:block;}
.b1 {height:1px; background:#D1E852; margin:0 5px;}
.b2 {height:1px; background:#D1E852; margin:0 3px;}
.b3 {height:1px; background:#D1E852; margin:0 2px;}
.b4 {height:2px; background:#D1E852; margin:0 1px;}
.content {background: #ddd;border:5px solid #D1E852;border-top:none;border-bottom:none;}
.content div {margin-left: 0px;}

.b12, .b22, .b32, .b42{font-size:1px; overflow:hidden; display:block;}
.b12 {height:1px; background:#ddd; margin:0 5px;}
.b22 {height:1px; background:#ddd; margin:0 3px;}
.b32 {height:1px; background:#ddd; margin:0 2px;}
.b42 {height:2px; background:#ddd; margin:0 1px;}
.content2 {height:130px;background: #ddd;border:0px solid #ddd;border-top:none;border-bottom:none;}
.content2 div {margin-left: 0px;}
</style>

<table width='400px'>

<td>
<b class="b1"></b><b class="b2"></b><b class="b3"></b><b class="b4"></b>
<div class="content">
<b class="b12"></b><b class="b22"></b><b class="b32"></b><b class="b42"></b>
<div class="content2">
table 1 
<div></div></div>
<b class="b42"></b><b class="b32"></b><b class="b22"></b><b class="b12"></b>
</div>
<b class="b4"></b><b class="b3"></b><b class="b2"></b><b class="b1"></b>
</td>

<td>
<b class="b1"></b><b class="b2"></b><b class="b3"></b><b class="b4"></b>
<div class="content">
<b class="b12"></b><b class="b22"></b><b class="b32"></b><b class="b42"></b>
<div class="content2">
table 2 
<div></div></div>
<b class="b42"></b><b class="b32"></b><b class="b22"></b><b class="b12"></b>
</div>
<b class="b4"></b><b class="b3"></b><b class="b2"></b><b class="b1"></b>
</td>

<td>
<b class="b1"></b><b class="b2"></b><b class="b3"></b><b class="b4"></b>
<div class="content">
<b class="b12"></b><b class="b22"></b><b class="b32"></b><b class="b42"></b>
<div class="content2">
table 3
<div></div></div>
<b class="b42"></b><b class="b32"></b><b class="b22"></b><b class="b12"></b>
</div>
<b class="b4"></b><b class="b3"></b><b class="b2"></b><b class="b1"></b>
</td>

</table>
 
тъкмо си го направих и гледам ми е отговорено цял ден се мъча накрая го правя и гледам ми е отговорено :? много гадно мерси все пак
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Back
Горе