"Divs to table"

bobsona_master · 5 Май 2011

Здравейте,
Тъй, като html не ми се отдава много, реших да Ви помоля за малко помощ.
Имам следната информация
http://prikachi.com/images/579/3305579R.png
В следните div-ове :

Код:

<div id="forums">
				<img id="Shape_5" src="images/Shape_5.png" alt="" width="4" height="203" />
				<img id="Shape_5_copy" src="images/Shape_5.png" alt="" width="4" height="203" />
				<div id="Temi_140_Mneniya_300_copy">
					<p>  Теми : 140</p>
					<p>  Мнения : 300</p>
				</div>
				<div id="Temi_140_Mneniya_300_copy_2_3">
					<p>  Теми : 140</p>
					<p>  Мнения : 300</p>
				</div>
				<div id="Temi_140_Mneniya_300_copy_3">
					<p>  Теми : 140</p>
					<p>  Мнения : 300</p>
				</div>
				<div id="Temi_140_Mneniya_300">
					<p>  Теми : 140</p>
					<p>  Мнения : 300</p>
				</div>
				<div id="forumholder" class="clearfix">
<span id="category">Име на категорията (просто пример)</span><span id="lastreply">Последно мнение</span>
				</div>
				<img id="Shape_6_copy_2" src="images/Shape_6_copy_2.png" alt="" width="1046" height="1" />
				<img id="Shape_6_copy_3" src="images/Shape_6_copy_3.png" alt="" width="1046" height="1" />
				<img id="Shape_6_copy_4" src="images/Shape_6_copy_2.png" alt="" width="1046" height="1" />
				<img id="Layer_9_copy_3" src="images/Layer_9_copy_3.png" alt="" width="32" height="174" />
				<div id="Ime_na_foruma_prosto_prim">
					<p>Име на форума (просто пример)</p>
					<p>Описание на форума</p>
				</div>
				<div id="Ime_na_foruma_prosto_primer_Opisanie_na_foruma_copy_3">
					<p>Име на форума (просто пример)</p>
					<p>Описание на форума</p>
				</div>
				<div id="Ime_na_foruma_prosto_primer_Opisanie_na_foruma_copy_2_3">
					<p>Име на форума (просто пример)</p>
					<p>Описание на форума</p>
				</div>
				<div id="Ime_na_foruma_prosto_primer_Opisanie_na_foruma_copy_3_3">
					<p>Име на форума (просто пример)</p>
					<p>Описание на форума</p>
				</div>
				<img id="replyicon" src="images/replyicon.png" alt="" width="14" height="12" />
				<div id="Ime_na_tema_prosto_primer">
					<p>   Име на тема (просто пример)</p>
					<p>от Bobsona, 14.08.2012, 14:32</p>
				</div>
				<img id="replyicon_copy" src="images/replyicon.png" alt="" width="14" height="12" />
				<div id="Ime_na_tema_prosto_primer_ot_Bobsona_14_08_2012_14_32_copy_3">
					<p>   Име на тема (просто пример)</p>
					<p>от Bobsona, 14.08.2012, 14:32</p>
				</div>
				<img id="replyicon_copy_2" src="images/replyicon.png" alt="" width="14" height="12" />
				<div id="Ime_na_tema_prosto_primer_ot_Bobsona_14_08_2012_14_32_copy_2_3">
					<p>   Име на тема (просто пример)</p>
					<p>от Bobsona, 14.08.2012, 14:32</p>
				</div>
				<img id="replyicon_copy_3" src="images/replyicon.png" alt="" width="14" height="12" />
				<div id="Ime_na_tema_prosto_primer_ot_Bobsona_14_08_2012_14_32_copy_3_3">
					<p>   Име на тема (просто пример)</p>
					<p>от Bobsona, 14.08.2012, 14:32</p>
				</div>
			</div>

CSS :

Код:

#forums {
	background: url(images/forumback.png) no-repeat 1px 21px;
	clear: left;
	float: left;
	height: 230px;
	margin: 6px 0 0 28px;
	min-height: 239px;
	position: relative;
	width: 950px;
}
#Shape_5 {
	display: block;
	left: 743px;
	position: absolute;
	top: 36px;
	width: 4px;
}
#Shape_5_copy {
	display: block;
	left: 652px;
	position: absolute;
	top: 36px;
	width: 4px;
}
#Temi_140_Mneniya_300_copy {
	left: 655px;
	position: absolute;
	top: 47px;
	width: 91px;
}
#Temi_140_Mneniya_300_copy p {
	color: #8c8c8c;
	font-family: Verdana, sans-serif;
	font-size: 84.63%;
	line-height: 120%;
	text-align: left;
}
#Temi_140_Mneniya_300_copy_2_3 {
	left: 655px;
	position: absolute;
	top: 97px;
	width: 91px;
}
#Temi_140_Mneniya_300_copy_2_3 p {
	color: #8c8c8c;
	font-family: Verdana, sans-serif;
	font-size: 84.63%;
	line-height: 120%;
	text-align: left;
}
#Temi_140_Mneniya_300_copy_3 {
	left: 655px;
	position: absolute;
	top: 146px;
	width: 91px;
}
#Temi_140_Mneniya_300_copy_3 p {
	color: #8c8c8c;
	font-family: Verdana, sans-serif;
	font-size: 84.63%;
	line-height: 120%;
	text-align: left;
}
#Temi_140_Mneniya_300 {
	left: 655px;
	position: absolute;
	top: 196px;
	width: 91px;
}
#Temi_140_Mneniya_300 p {
	color: #8c8c8c;
	font-family: Verdana, sans-serif;
	font-size: 84.63%;
	line-height: 120%;
	text-align: left;
}
#forumholder {
	background: url(images/forumholder.png) no-repeat;
	left: 0;
	min-height: 39px;
	position: absolute;
	top: 0;
	width: 950px;
}
#category {
	color: #ffffff;
	float: left;
	font-family: Verdana, sans-serif;
	font-size: 84.63%;
	line-height: 120%;
	margin: 13px 0 -2px 28px;
	text-align: left;
	width: 245px;
}
#lastreply {
	color: #ffffff;
	float: right;
	font-family: Verdana, sans-serif;
	font-size: 84.63%;
	line-height: 120%;
	margin: 14px 95px -2px 0;
	text-align: left;
	width: 123px;
}
#Shape_6_copy_2 {
	display: block;
	font-size: 0;
	left: 2px;
	position: absolute;
	top: 87px;
	width: 948px;
}
#Shape_6_copy_3 {
	display: block;
	font-size: 0;
	left: 2px;
	position: absolute;
	top: 137px;
	width: 948px;
}
#Shape_6_copy_4 {
	display: block;
	font-size: 0;
	left: 2px;
	position: absolute;
	top: 187px;
	width: 948px;
}
#Layer_9_copy_3 {
	display: block;
	left: 15px;
	position: absolute;
	top: 50px;
	width: 32px;
}
#Ime_na_foruma_prosto_prim {
	left: 57px;
	position: absolute;
	top: 198px;
	width: 220px;
}
#Ime_na_foruma_prosto_prim p {
	color: #0f80b9;
	font-family: Verdana, sans-serif;
	font-size: 84.63%;
	line-height: 120%;
	text-align: left;
}
#Ime_na_foruma_prosto_primer_Opisanie_na_foruma_copy_3 {
	left: 57px;
	position: absolute;
	top: 148px;
	width: 220px;
}
#Ime_na_foruma_prosto_primer_Opisanie_na_foruma_copy_3 p {
	color: #0f80b9;
	font-family: Verdana, sans-serif;
	font-size: 84.63%;
	line-height: 120%;
	text-align: left;
}
#Ime_na_foruma_prosto_primer_Opisanie_na_foruma_copy_2_3 {
	left: 57px;
	position: absolute;
	top: 98px;
	width: 220px;
}
#Ime_na_foruma_prosto_primer_Opisanie_na_foruma_copy_2_3 p {
	color: #0f80b9;
	font-family: Verdana, sans-serif;
	font-size: 84.63%;
	line-height: 120%;
	text-align: left;
}
#Ime_na_foruma_prosto_primer_Opisanie_na_foruma_copy_3_3 {
	left: 57px;
	position: absolute;
	top: 48px;
	width: 220px;
}
#Ime_na_foruma_prosto_primer_Opisanie_na_foruma_copy_3_3 p {
	color: #0f80b9;
	font-family: Verdana, sans-serif;
	font-size: 84.63%;
	line-height: 120%;
	text-align: left;
}
#replyicon {
	display: block;
	font-size: 11px;
	left: 752px;
	position: absolute;
	top: 201px;
	width: 14px;
}
#Ime_na_tema_prosto_primer {
	left: 758px;
	position: absolute;
	top: 198px;
	width: 212px;
}
#Ime_na_tema_prosto_primer p {
	color: #0f80b9;
	font-family: Verdana, sans-serif;
	font-size: 84.63%;
	line-height: 120%;
	text-align: left;
}
#replyicon_copy {
	display: block;
	font-size: 11px;
	left: 752px;
	position: absolute;
	top: 151px;
	width: 14px;
}
#Ime_na_tema_prosto_primer_ot_Bobsona_14_08_2012_14_32_copy_3 {
	left: 758px;
	position: absolute;
	top: 148px;
	width: 212px;
}
#Ime_na_tema_prosto_primer_ot_Bobsona_14_08_2012_14_32_copy_3 p {
	color: #0f80b9;
	font-family: Verdana, sans-serif;
	font-size: 84.63%;
	line-height: 120%;
	text-align: left;
}
#replyicon_copy_2 {
	display: block;
	font-size: 11px;
	left: 752px;
	position: absolute;
	top: 105px;
	width: 14px;
}
#Ime_na_tema_prosto_primer_ot_Bobsona_14_08_2012_14_32_copy_2_3 {
	left: 758px;
	position: absolute;
	top: 102px;
	width: 212px;
}
#Ime_na_tema_prosto_primer_ot_Bobsona_14_08_2012_14_32_copy_2_3 p {
	color: #0f80b9;
	font-family: Verdana, sans-serif;
	font-size: 84.63%;
	line-height: 120%;
	text-align: left;
}
#replyicon_copy_3 {
	display: block;
	font-size: 11px;
	left: 752px;
	position: absolute;
	top: 54px;
	width: 14px;
}
#Ime_na_tema_prosto_primer_ot_Bobsona_14_08_2012_14_32_copy_3_3 {
	left: 758px;
	position: absolute;
	top: 51px;
	width: 212px;
}
#Ime_na_tema_prosto_primer_ot_Bobsona_14_08_2012_14_32_copy_3_3 p {
	color: #0f80b9;
	font-family: Verdana, sans-serif;
	font-size: 84.63%;
	line-height: 120%;
	text-align: left;
}

и искам всичкото това да стане в една таблица, тоест да мога да си го ползвам примерно така :

Код:

<table border="1">
	<tr>
		<td>Име на категорията (просто пример)</td>
		<td>Последно мнение</td>
	</tr>
	<tr>
		<td>Име на форума (просто пример)<br />
Описание на форума</td>
		<td>Име на тема (просто пример)</td>
	</tr>
	<tr>
		<td>Име на форума (просто пример)<br />
Описание на форума</td>
		<td>Име на тема (просто пример)</td>
	</tr>
	<tr>
		<td>Име на форума (просто пример)<br />
Описание на форума</td>
		<td>Име на тема (просто пример)</td>
	</tr>
	<tr>
		<td>Име на форума (просто пример)<br />
Описание на форума</td>
		<td>Име на тема (просто пример)</td>
	</tr>
</table>

Имайте предвид, че това е най-простият пример, който съм дал.
Благодаря предварително и се надявам да сте ме разбрали.

bobsona_master · 7 Май 2011

Никой ли не може да помогне ?
И ако не става с таблица, поне може ли някой да предложи по-практично решение.

IvanAdamov · 7 Май 2011

Ти нямаш ли някъкво PHP в тоя код. Само HTML и CSS ?!

bobsona_master · 7 Май 2011

Това е просто кодиран дизайн в html/css, за какво ми е php ?
Не ми помагаш...

IvanAdamov · 7 Май 2011

Пич, див или таблица все едно. Така или иначе трябва да зададаеш стил на и на едното и на другото. Направи стил на едната новина, и после го копирай на другите.

bobsona_master · 8 Май 2011

Май пак не си разбрал какво искам...
Искам някой ако може да ми направи таблица и да я стилизира по същия начин по който са направени тези div-ове.

kalokoko · 8 Май 2011

Трява да поддържа PHP 5.8 !

bobsona_master · 8 Май 2011

За какъв php ми говориш, това е html и css, как не можахте да разберете ?!?!

IvanAdamov · 8 Май 2011

Значи, няма никакъв смисъл да е таблица. Таблицата не се ползва вече. Каква е целта, това да е в таблица?

bobsona_master · 8 Май 2011

Целта е по-лесно използване.
Ако можеш, предложи алтернатива на кода, който съм дал пак с div-ове, но да е по-лесно и по-практично използването, че виждаш тук колко аматьорски е направено.

bobsona_master · 10 Май 2011

Надявам се, може да се измисли някой по-лесен за използване вариант.
Ако се наложи ще ви дам и картинките.

"Divs to table"

bobsona_master

Registered

bobsona_master

Registered

IvanAdamov

Registered

bobsona_master

Registered

IvanAdamov

Registered

bobsona_master

Registered

kalokoko

Registered

bobsona_master

Registered

IvanAdamov

Registered

bobsona_master

Registered

bobsona_master

Registered