Таблица ...

antipatrul4o каза:
Код:
<table><tr><td style='border: 1px dashed black;'>texati</td></tr></table>
Можеш ли да ми го направиш на 3-4 редици и 2-3 колонки,че няма да мога да се справя ?
 
Ето така:
Код:
<html>
<head>
<title>Table</title>
</head>
<body>
<table style="background: #000; color: #FFF;" align="center">
<tr>
<td width="100px" heigh="30px" style="border: 2px dashed white; -moz-border-radius: 1px;">Пост</td>
<td width="100px" heigh="30px" style="border: 2px dashed white; -moz-border-radius: 1px;">Ник</td>
<td width="100px" heigh="30px" style="border: 2px dashed white; -moz-border-radius: 1px;">Профил</td>
<td width="100px" heigh="30px" style="border: 2px dashed white; -moz-border-radius: 1px;">Скъпе</td>
</tr>
<tr>
<td width="100px" heigh="30px" style="border: 2px dashed white; -moz-border-radius: 1px;">Главен админ</td>
<td width="100px" heigh="30px" style="border: 2px dashed white; -moz-border-radius: 1px;">Тук е ника</td>
<td width="100px" heigh="30px" style="border: 2px dashed white; -moz-border-radius: 1px;">Преглед</td>
<td width="100px" heigh="30px" style="border: 2px dashed white; -moz-border-radius: 1px;">Статуса в skype</td>
</tr>
<tr>
<td width="100px" heigh="30px" style="border: 2px dashed white; -moz-border-radius: 1px;">Главен админ</td>
<td width="100px" heigh="30px" style="border: 2px dashed white; -moz-border-radius: 1px;">Тук е ника</td>
<td width="100px" heigh="30px" style="border: 2px dashed white; -moz-border-radius: 1px;">Преглед</td>
<td width="100px" heigh="30px" style="border: 2px dashed white; -moz-border-radius: 1px;">Статуса в skype</td>
</tr>
<tr>
<td width="100px" heigh="30px" style="border: 2px dashed white; -moz-border-radius: 1px;">Главен админ</td>
<td width="100px" heigh="30px" style="border: 2px dashed white; -moz-border-radius: 1px;">Тук е ника</td>
<td width="100px" heigh="30px" style="border: 2px dashed white; -moz-border-radius: 1px;">Преглед</td>
<td width="100px" heigh="30px" style="border: 2px dashed white; -moz-border-radius: 1px;">Статуса в skype</td>
</tr>
</table>
</body>
</html>
И така го слагаш колкото пъти искаш. Това
Код:
-moz-border-radius: 1px;
заобля ъглите на таблицата, но ако искаш го махни. Пo твое желание
 
Код:
<html>
<head>
	<title>test</title>
	<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8">
	<script type="text/javascript" src="http://download.skype.com/share/skypebuttons/js/skypeCheck.js"></script>
	<style type="text/css">
	.td {
	border: 1px dashed #000000;
	text-align: center;
	font-weight: bold;
	width: 145px;
	color: #0e9400;
	}
	.td-top {
	border: 1px dashed #000000;
	text-align: center;
	font-weight: bold;
	width: 145px;
	color: #c70000;
	}
	a {
	color: #0e9400;
	text-decoration: none;
	}
	</style>
</head>
<body>
	<table width="700px">
		<tr>
			<td class="td-top">Post</td>
			<td class="td-top">NickName</td>
			<td class="td-top">Profile</td>
			<td class="td-top">Skype</td>
		</tr>
		<tr>
			<td class="td">Root Admin</td>
			<td class="td">Root</td>
			<td class="td"><a href="#">Profile</a></td>
			<td class="td"><a href="skype:test?call"><img src="http://mystatus.skype.com/bigclassic/test" style="border: none;" width="130" height="25" alt="My status" /></a></td>
		</tr>
		<tr>
			<td class="td">Administrator</td>
			<td class="td">Admin</td>
			<td class="td"><a href="#">Profile</a></td>
			<td class="td"><a href="skype:test?call"><img src="http://mystatus.skype.com/bigclassic/test" style="border: none;" width="130" height="25" alt="My status" /></a></td>
		</tr>
		<tr>
			<td class="td">Administrator</td>
			<td class="td">Admin1</td>
			<td class="td"><a href="#">Profile</a></td>
			<td class="td"><a href="skype:test?call"><img src="http://mystatus.skype.com/bigclassic/test" style="border: none;" width="130" height="25" alt="My status" /></a></td>
		</tr>
		<tr>
			<td class="td">Administrator</td>
			<td class="td">Admin2</td>
			<td class="td"><a href="#">Profile</a></td>
			<td class="td"><a href="skype:test?call"><img src="http://mystatus.skype.com/bigclassic/test" style="border: none;" width="130" height="25" alt="My status" /></a></td>
		</tr>
		<tr>
			<td class="td">Administrator</td>
			<td class="td">Admin3</td>
			<td class="td"><a href="#">Profile</a></td>
			<td class="td"><a href="skype:test?call"><img src="http://mystatus.skype.com/bigclassic/test" style="border: none;" width="130" height="25" alt="My status" /></a></td>
		</tr>
		<tr>
			<td class="td">Administrator</td>
			<td class="td">Admin4</td>
			<td class="td"><a href="#">Profile</a></td>
			<td class="td"><a href="skype:test?call"><img src="http://mystatus.skype.com/bigclassic/test" style="border: none;" width="130" height="25" alt="My status" /></a></td>
		</tr>
		<tr>
			<td class="td">Moderator</td>
			<td class="td">Moderator</td>
			<td class="td"><a href="#">Profile</a></td>
			<td class="td"><a href="skype:test?call"><img src="http://mystatus.skype.com/bigclassic/test" style="border: none;" width="130" height="25" alt="My status" /></a></td>
		</tr>
	</table>
</body>
</html>
 
t0m3kk каза:
Код:
<html>
<head>
	<title>test</title>
	<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8">
	<script type="text/javascript" src="http://download.skype.com/share/skypebuttons/js/skypeCheck.js"></script>
	<style type="text/css">
	.td {
	border: 1px dashed #000000;
	text-align: center;
	font-weight: bold;
	width: 145px;
	color: #0e9400;
	}
	.td-top {
	border: 1px dashed #000000;
	text-align: center;
	font-weight: bold;
	width: 145px;
	color: #c70000;
	}
	a {
	color: #0e9400;
	text-decoration: none;
	}
	</style>
</head>
<body>
	<table width="700px">
		<tr>
			<td class="td-top">Post</td>
			<td class="td-top">NickName</td>
			<td class="td-top">Profile</td>
			<td class="td-top">Skype</td>
		</tr>
		<tr>
			<td class="td">Root Admin</td>
			<td class="td">Root</td>
			<td class="td"><a href="#">Profile</a></td>
			<td class="td"><a href="skype:test?call"><img src="http://mystatus.skype.com/bigclassic/test" style="border: none;" width="130" height="25" alt="My status" /></a></td>
		</tr>
		<tr>
			<td class="td">Administrator</td>
			<td class="td">Admin</td>
			<td class="td"><a href="#">Profile</a></td>
			<td class="td"><a href="skype:test?call"><img src="http://mystatus.skype.com/bigclassic/test" style="border: none;" width="130" height="25" alt="My status" /></a></td>
		</tr>
		<tr>
			<td class="td">Administrator</td>
			<td class="td">Admin1</td>
			<td class="td"><a href="#">Profile</a></td>
			<td class="td"><a href="skype:test?call"><img src="http://mystatus.skype.com/bigclassic/test" style="border: none;" width="130" height="25" alt="My status" /></a></td>
		</tr>
		<tr>
			<td class="td">Administrator</td>
			<td class="td">Admin2</td>
			<td class="td"><a href="#">Profile</a></td>
			<td class="td"><a href="skype:test?call"><img src="http://mystatus.skype.com/bigclassic/test" style="border: none;" width="130" height="25" alt="My status" /></a></td>
		</tr>
		<tr>
			<td class="td">Administrator</td>
			<td class="td">Admin3</td>
			<td class="td"><a href="#">Profile</a></td>
			<td class="td"><a href="skype:test?call"><img src="http://mystatus.skype.com/bigclassic/test" style="border: none;" width="130" height="25" alt="My status" /></a></td>
		</tr>
		<tr>
			<td class="td">Administrator</td>
			<td class="td">Admin4</td>
			<td class="td"><a href="#">Profile</a></td>
			<td class="td"><a href="skype:test?call"><img src="http://mystatus.skype.com/bigclassic/test" style="border: none;" width="130" height="25" alt="My status" /></a></td>
		</tr>
		<tr>
			<td class="td">Moderator</td>
			<td class="td">Moderator</td>
			<td class="td"><a href="#">Profile</a></td>
			<td class="td"><a href="skype:test?call"><img src="http://mystatus.skype.com/bigclassic/test" style="border: none;" width="130" height="25" alt="My status" /></a></td>
		</tr>
	</table>
</body>
</html>

+++1 :?: :?: :?:
 

Back
Горе