Такава таблица с DIV

[php_css]

Как да направя такава таблица малко е криво но набързо го направих
как ще станe така с div ме интересува

 

[PHP_Masters]

Аз не мисля, че може да стане така с див, ако искаш да извеждаш нещата така от базата данни и ако има и други файлове по-добре с един цикъл си го направи и с таблица с бордер 1

 

[tedo96]

Може да се направи и ще го направя само да се прибера.

 

[php_css]

с таблица ми се бъгва от дб се извежда да

 

[idevbg]

Може с див, но специално за подобно представяне на информация е хубаво да го направиш с таблица, но ти си знаеш.

 

[ivo_pi4a]

Дай си кода с таблица. Най-вероятно имаш някаква грешка.

 

[tedo96]

Заповядай!

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style>

.ime {
	height: 40px;
	width: 400px;
	border: 1px solid #000;
	float: left;
}
.pregled {
	height: 40px;
	width: 100px;
	border: 1px solid #000;
	float: left;
}
.ot {
	height: 40px;
	width: 80px;
	border: 1px solid #000;

}

</style>
</head>


<body>

<div class="ime"></div>
<div class="pregled"></div>
<div class="ot"></div>

<div class="ime"></div>
<div class="pregled"></div>
<div class="ot"></div>

<div class="ime"></div>
<div class="pregled"></div>
<div class="ot"></div>

<div class="ime"></div>
<div class="pregled"></div>
<div class="ot"></div>

</body>
</html>

 

[dashe]

И ефекта от бордерите така е адския
Успех...

 

[tedo96]

И ефекта от бордерите така е адския
Успех...

Това много лесно може да се оправи, но ще трябват повече div-ове и ще стане доста тромаво... Най-добре си е с таблица, но не знам защо автора на темата не иска да ги ползва... :?

Ще стане така:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style>

.ime {
	height: 40px;
	width: 400px;
	border: 1px solid #000;
	float: left;
}
.pregled {
	height: 40px;
	width: 100px;
	border: 1px solid #000;
	float: left;
}
.ot {
	height: 40px;
	width: 80px;
	border: 1px solid #000;

}

</style>
</head>


<body>

<div class="ime"style="border-bottom: none;"></div>
<div class="pregled"style="border-bottom: none; border-left: none;"></div>
<div class="ot"style="border-bottom: none;"></div>

<div class="ime"style="border-bottom: none;"></div>
<div class="pregled"style="border-bottom: none; border-left: none;"></div>
<div class="ot"style="border-bottom: none; "></div>

<div class="ime" style="border-bottom: none;"></div>
<div class="pregled" style="border-bottom: none; border-left: none;"></div>
<div class="ot" style="border-bottom: none;"></div>

<div class="ime"></div>
<div class="pregled" style="border-left: none;"></div>
<div class="ot"></div>

</body>
</html>

 

[dashe]

Не се занимавайте с глупости, те хората са го измислили
Успех

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>

<style type="text/css">
#wrapper { width: 600px; margin: 0 auto; padding: 0; }

table {
	width: 100%;
}

table tr th {
	padding: 5px 10px;
	text-align: left;
	color: #fff;
	background: #000;
	font-weight: normal;
}

table tr td {
	background: #FFFFFF;
	padding: 4px 10px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
</style>
</head>
<body>
	<div id="wrapper">
		<table cellspacing="0" cellpadding="0">
			<tr>
				<th>Име на файла</th>
				<th>Преглеждан</th>
				<th>От</th>
			</tr>
			<tr>
				<td>файл 1</td>
				<td>34 пъти</td>
				<td>dashe</td>
			</tr>
			<tr>
				<td>файл 2</td>
				<td>13 пъти</td>
				<td>test-user</td>
			</tr>
		</table>
	</div>
</body>
</html>

 

[php_css]

Много криво излиза незнам какво да правя @dashe твойта таблица на всеки файл който има повече текст се разширява и става много криво

 

[tedo96]

Просто задай на таблиците ширина....

 

[dashe]

@php_css Самата таблица е в div wrapper , от който се задава всичко, естесвено можеш да махнеш div-а и да зададеш параметри вече на самата таблица..