Размещение записей на странице - HTML и CSS

fr@m · 30.10.2008, 15:31

У меня есть сайт http://konsul-auto.kiev.ua/ тематика простая автомобили,есть база и выдаёт записи на странице в столбик подряд а мне нужно чтобы выдавало горизонтально тоесть 5 записей одна строка,вторая 5 записей и так далее.
Каким образом это реализовать?

dr.Chas · 31.10.2008, 02:02

Код:

<table>
<tr>
<td><a href="index.php?id=13"><img src="uploads/13/thumb.jpg" width="110" height="107" /></a>
</td><td><a href="index.php?id=13"><b>Chevrolet</b> Aveo, <i>2006</i></a><br />
Цена: 12800$, Регион: Донецк</tr>
<tr>
<td><a href="index.php?id=12"><img src="uploads/12/thumb.jpg" width="110" height="107" /></a>
</td><td><a href="index.php?id=12"><b>Mitsubishi</b> Pajero, <i>2006</i></a><br />
Цена: 35900$, Регион: Киев</tr>
<tr>
<td><a href="index.php?id=18"><img src="uploads/18/thumb.jpg" width="110" height="107" /></a>
</td><td><a href="index.php?id=18"><b>BMW</b> 5, <i>2001</i></a><br />
Цена: 22500$, Регион: Киев</tr>
<tr>
<td><a href="index.php?id=16"><img src="uploads/16/thumb.jpg" width="110" height="107" /></a>
</td><td><a href="index.php?id=16"><b>BYD</b> F3, <i>2007</i></a><br />
Цена: 12500$, Регион: Киев</tr>
<tr>
<td><a href="index.php?id=17"><img src="uploads/17/thumb.jpg" width="110" height="107" /></a>
</td><td><a href="index.php?id=17"><b>Hyundai</b> Accent, <i>1996</i></a><br />
Цена: 6500$, Регион: Киев</tr>
<tr>
<td><a href="index.php?id=19"><img src="uploads/19/thumb.jpg" width="110" height="107" /></a>
</td><td><a href="index.php?id=19"><b>Mitsubishi</b> Pajero, <i>2007</i></a><br />
Цена: 37500$, Регион: Киев</tr>
</table>

эту таблицу переделать

fr@m · 31.10.2008, 15:35

да именно вот эту таблицу записей переделать.
чтобы они были горизонтально не больше 5 записей,а информация под фоткой была.

Doda · 31.10.2008, 15:50

Откуда же нам знать, как твоя таблица формируется, она же не статическая, там машинки новые добавляются не руками, а неким скриптом (на сколько я догадываюсь). Этот скрипт и надо править. Особенно учитывая что он неправильно формирует эту таблицу. У тебя ТДшки не закрыты.

fr@m · 31.10.2008, 16:26

да там есть скрипт

function tableView($posts) {
global $db, $config;
if (count($posts)>0) {
$return = "<table border>\n";

foreach ($posts as $row) {
$img_thumb = $config['uploads'].'/'.$row['id'].'/thumb.jpg';
$return.= "<tr>\n"
. '<td>';
if (is_file($img_thumb)) {
$return.= '<a href="index.php?id='.$row['id'].'">'
. '<img src="'.$img_thumb.'" width="110" height="107" />'
. '</a>'
. "\n";
}
$return.= '</td><td>'
. '<a href="index.php?id='.$row['id'].'">'
. '<b>'.$row['mark'].'</b> '.$row['model']
. ', <i>'.$row['year'].'</i>'
. '</a>'
. "<br />\n"
. 'Цена: ' .$row['price']. '$, Регион: ' . $row['address']
. "</tr>\n";
}

$return.= "</table>\n";
$page_start = ($_GET['start']>0) ? $_GET['start'] : 0;
$next_start = $page_start + $config['per_page'];
$prev_start = $page_start - $config['per_page'];
if (count($posts)>=$config['per_page']) {
$a_next = '<a href="index.php?start='.$next_start .'"><b>Ещё -></b></a>';
} else {
$a_next='';
}
if ($prev_start>=0) {
$a_prev = '<a href="index.php?start='.$prev_start .'"><b><- Назад</b></a>    ';
} else {
$a_prev = '';
}

$return.= '<br /><center>'.$a_prev . $a_next .'</center>';

return $return;
}
}

function postViewFull($id) {
global $db, $config;
$id = trim($id);
$query = "SELECT * FROM `".$config['table']."` WHERE id=".$id;
if ($result = $db->query($query)) {
$row = $result->fetch_assoc();
$img_path = $config['uploads'].'/'.$row['id'].'/';
$img_thumb = $img_path.'thumb.jpg';

$return = "<table border>\n"
. '<tr>'
. '<td>';
if (is_file($img_thumb)) {
$return.= '<img src="'.$img_thumb.'" width="110" height="107" />'. "\n";
}
$return.= '</td><td>'
. '<a href="index.php?id='.$row['id'].'">'
. '<b>'.$row['mark'].'</b> '.$row['model']
. ', <i>'.$row['year'].'</i>'
. '</a>'
. "<br />\n"
. 'Цена: ' .$row['price']. '$, Регион: ' . $row['address']."<br />\n"
. $row['notes']
. '</td>'
. '</tr>'
. "</table>\n";
echo $return;
//postImgActions($id);
$images = getImages($id);

foreach ($images as $img) {
//if ($_SESSION['auth_user']==$config['login']) $img_action = '<a href="edit.php?id='.$id.'&action=im g_delete&img='.$img.'">Удалить</a>';

echo '<img src="'.$img_path . $img.'" /><br />'."\n";
}
}
}

function getImages($id) {
global $config;
$path = $config['uploads'].'/'.$id.'/';
$images = array();
if (is_dir($path)) {
$d = dir($path);
while (false !== ($entry = $d->read())) {
if(stristr($entry, '.jpg')!==false && $entry != 'thumb.jpg') {
$images[] = $entry;
}
}
$d->close();
}
return $images;
}

вот что мне изменить в нём чтобы записи распалаглись на странице горизонтально по 4 построчно вниз. И как с фотками теми сделать альбом которые загружены?

Doda · 31.10.2008, 16:43

выложи сам скриптик, т.е. файл. В приципе править надо вот этот кусок:

PHP код:


			
function tableView($posts) {

global $db, $config;

if (count($posts)>0) {

$return = "<table border>\n";



foreach ($posts as $row) {

$img_thumb = $config['uploads'].'/'.$row['id'].'/thumb.jpg';

$return.= "<tr>\n"

. '<td>';

if (is_file($img_thumb)) {

$return.= '<a href="index.php?id='.$row['id'].'">'

. '<img src="'.$img_thumb.'" width="110" height="107" />'

. '</a>'

. "\n";

}

$return.= '</td><td>'

. '<a href="index.php?id='.$row['id'].'">'

. '<b>'.$row['mark'].'</b> '.$row['model']

. ', <i>'.$row['year'].'</i>'

. '</a>'

. "<br />\n"

. 'Цена: ' .$row['price']. '$, Регион: ' . $row['address']

. "</tr>\n";

}



$return.= "</table>\n";

$page_start = ($_GET['start']>0) ? $_GET['start'] : 0;

$next_start = $page_start + $config['per_page'];

$prev_start = $page_start - $config['per_page'];

if (count($posts)>=$config['per_page']) {

$a_next = '<a href="index.php?start='.$next_start.'"><b>Ещё -&gt;</b></a>';

} else {

$a_next='';

}

if ($prev_start>=0) {

$a_prev = '<a href="index.php?start='.$prev_start.'"><b>&lt;- Назад</b></a> &nbsp;&nbsp;&nbsp;';

} else {

$a_prev = '';

}



$return.= '<br /><center>'.$a_prev . $a_next .'</center>';



return $return;

}

}

В это деле я не силен, но возможно дома вечерком поковыряю. Пока могу сказать что вот тут:

PHP код:


			
. "</tr>\n";

}



$return.= "</table>\n";

перед </tr> надо добавить </td>, т.е.

PHP код:


			
. "</td>\n</tr>\n";

}



$return.= "</table>\n";

тогда ТДшки в таблице будут закрыты.

fr@m · 31.10.2008, 17:17

буду оч благодарен в помощи

Doda · 31.10.2008, 19:41

Цитата:

Сообщение от fr@m

буду оч благодарен в помощи

Ну а скриптик где? выкладывай скрипт файлом.

fr@m · 31.10.2008, 19:46

выложу всё что есть

fr@m · 31.10.2008, 20:04

<?

function tableView($posts) {
global $db, $config;
if (count($posts)>0) {
$return = "<table border>\n";

foreach ($posts as $row) {
$img_thumb = $config['uploads'].'/'.$row['id'].'/thumb.jpg';
$return.= "<tr>\n"
. '<td>';
if (is_file($img_thumb)) {
$return.= '<a href="index.php?id='.$row['id'].'">'
. '<img src="'.$img_thumb.'" width="110" height="107" />'
. '</a>'
. "\n";
}
$return.= '</td><td>'
. '<a href="index.php?id='.$row['id'].'">'
. '<b>'.$row['mark'].'</b> '.$row['model']
. ', <i>'.$row['year'].'</i>'
. '</a>'
. "<br />\n"
. 'Цена: ' .$row['price']. '$, Регион: ' . $row['address']
. "</tr>\n";
}

$return.= "</table>\n";
$page_start = ($_GET['start']>0) ? $_GET['start'] : 0;
$next_start = $page_start + $config['per_page'];
$prev_start = $page_start - $config['per_page'];
if (count($posts)>=$config['per_page']) {
$a_next = '<a href="index.php?start='.$next_start .'"><b>Ещё -></b></a>';
} else {
$a_next='';
}
if ($prev_start>=0) {
$a_prev = '<a href="index.php?start='.$prev_start .'"><b><- Назад</b></a>    ';
} else {
$a_prev = '';
}

$return.= '<br /><center>'.$a_prev . $a_next .'</center>';

return $return;
}
}

function postViewFull($id) {
global $db, $config;
$id = trim($id);
$query = "SELECT * FROM `".$config['table']."` WHERE id=".$id;
if ($result = $db->query($query)) {
$row = $result->fetch_assoc();
$img_path = $config['uploads'].'/'.$row['id'].'/';
$img_thumb = $img_path.'thumb.jpg';

$return = "<table border>\n"
. '<tr>'
. '<td>';
if (is_file($img_thumb)) {
$return.= '<img src="'.$img_thumb.'" width="110" height="107" />'. "\n";
}
$return.= '</td><td>'
. '<a href="index.php?id='.$row['id'].'">'
. '<b>'.$row['mark'].'</b> '.$row['model']
. ', <i>'.$row['year'].'</i>'
. '</a>'
. "<br />\n"
. 'Цена: ' .$row['price']. '$, Регион: ' . $row['address']."<br />\n"
. $row['notes']
. '</td>'
. '</tr>'
. "</table>\n";
echo $return;
//postImgActions($id);
$images = getImages($id);

foreach ($images as $img) {
//if ($_SESSION['auth_user']==$config['login']) $img_action = '<a href="edit.php?id='.$id.'&action=im g_delete&img='.$img.'">Удалить</a>';

echo '<img src="'.$img_path . $img.'" /><br />'."\n";
}
}
}

function getImages($id) {
global $config;
$path = $config['uploads'].'/'.$id.'/';
$images = array();
if (is_dir($path)) {
$d = dir($path);
while (false !== ($entry = $d->read())) {
if(stristr($entry, '.jpg')!==false && $entry != 'thumb.jpg') {
$images[] = $entry;
}
}
$d->close();
}
return $images;
}

function searchForm() {
$s = $_POST;
?>
<table border>
<form action="index.php" method="post">
<input type="hidden" name="action" value="search">

<th>
<p><font face="Tahoma"><b>Поиск:</b></font></p>
<p><font size="2" face="Tahoma">Марка</font><font size="2">: </font>  <input type="text" name="mark" size="8" value="<?= $s['mark'] ?>" />
</p>
<p><font size="2" face="Tahoma">Модель</font><font size="2">: </font><input type="text" name="model" size="8" value="<?= $s['model'] ?>" />
</p>
<p><font size="2" face="Tahoma">Регион</font><font size="2">: </font> <input type="text" name="address" size="8" value="<?= $s['address'] ?>" />
</p>
<p><font size="2" face="Tahoma">Год</font><font size="2">:
</font> <font size="2" face="Tahoma">от</font><font size="2"> </font>  <input type="text" name="year1" size="8" value="<?= $s['year1'] ?>" />
<font size="2" face="Tahoma">до</font> <input type="text" name="year2" size="8" value="<?= $s['year2'] ?>" />
</p>
<p><font size="2" face="Tahoma">Цена</font><font size="2">: </font><font size="2" face="Tahoma">от</font> <input type="text" name="price1" size="8" value="<?= $s['price1'] ?>" />
<font size="2" face="Tahoma">до</font> <input type="text" name="price2" size="8" value="<?= $s['price2'] ?>" /> <font size="3" face="Tahoma">$</font>
</p>

<p><input type="submit" value="Поиск" /></th>

</p>
</form>

<?

30.10.2008, 15:31	#1
fr@m Регистрация: 30.10.2008 Сообщений: 7	Размещение записей на странице У меня есть сайт http://konsul-auto.kiev.ua/ тематика простая автомобили,есть база и выдаёт записи на странице в столбик подряд а мне нужно чтобы выдавало горизонтально тоесть 5 записей одна строка,вторая 5 записей и так далее. Каким образом это реализовать?

31.10.2008, 16:43	#6
Doda Пользователь Регистрация: 21.11.2007 Сообщений: 64	выложи сам скриптик, т.е. файл. В приципе править надо вот этот кусок: PHP код: function tableView($posts) { global $db, $config; if (count($posts)>0) { $return = "<table border>\n"; foreach ($posts as $row) { $img_thumb = $config['uploads'].'/'.$row['id'].'/thumb.jpg'; $return.= "<tr>\n" . '<td>'; if (is_file($img_thumb)) { $return.= '<a href="index.php?id='.$row['id'].'">' . '<img src="'.$img_thumb.'" width="110" height="107" />' . '</a>' . "\n"; } $return.= '</td><td>' . '<a href="index.php?id='.$row['id'].'">' . '<b>'.$row['mark'].'</b> '.$row['model'] . ', <i>'.$row['year'].'</i>' . '</a>' . "<br />\n" . 'Цена: ' .$row['price']. '$, Регион: ' . $row['address'] . "</tr>\n"; } $return.= "</table>\n"; $page_start = ($_GET['start']>0) ? $_GET['start'] : 0; $next_start = $page_start + $config['per_page']; $prev_start = $page_start - $config['per_page']; if (count($posts)>=$config['per_page']) { $a_next = '<a href="index.php?start='.$next_start.'"><b>Ещё -></b></a>'; } else { $a_next=''; } if ($prev_start>=0) { $a_prev = '<a href="index.php?start='.$prev_start.'"><b><- Назад</b></a>    '; } else { $a_prev = ''; } $return.= '<br /><center>'.$a_prev . $a_next .'</center>'; return $return; } } В это деле я не силен, но возможно дома вечерком поковыряю. Пока могу сказать что вот тут: PHP код: `. "</tr>\n"; } $return.= "</table>\n";` перед </tr> надо добавить </td>, т.е. PHP код: `. "</td>\n</tr>\n"; } $return.= "</table>\n";` тогда ТДшки в таблице будут закрыты. Последний раз редактировалось Doda; 31.10.2008 в 16:47.

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Размещение форумов на сайтах	XC_V	HTML и CSS	4	12.03.2008 05:48
Размещение графа по уровням	Маришка	Помощь студентам	2	10.01.2008 22:50
Размещение Query и Table на ftp:/	Селезень	Работа с сетью в Delphi	6	27.04.2007 15:13

31.10.2008, 15:35	#3
fr@m Регистрация: 30.10.2008 Сообщений: 7	да именно вот эту таблицу записей переделать. чтобы они были горизонтально не больше 5 записей,а информация под фоткой была.

31.10.2008, 15:50	#4
Doda Пользователь Регистрация: 21.11.2007 Сообщений: 64	Откуда же нам знать, как твоя таблица формируется, она же не статическая, там машинки новые добавляются не руками, а неким скриптом (на сколько я догадываюсь). Этот скрипт и надо править. Особенно учитывая что он неправильно формирует эту таблицу. У тебя ТДшки не закрыты.

31.10.2008, 16:26	#5
fr@m Регистрация: 30.10.2008 Сообщений: 7	да там есть скрипт function tableView($posts) { global $db, $config; if (count($posts)>0) { $return = "<table border>\n"; foreach ($posts as $row) { $img_thumb = $config['uploads'].'/'.$row['id'].'/thumb.jpg'; $return.= "<tr>\n" . '<td>'; if (is_file($img_thumb)) { $return.= '<a href="index.php?id='.$row['id'].'">' . '<img src="'.$img_thumb.'" width="110" height="107" />' . '</a>' . "\n"; } $return.= '</td><td>' . '<a href="index.php?id='.$row['id'].'">' . '<b>'.$row['mark'].'</b> '.$row['model'] . ', <i>'.$row['year'].'</i>' . '</a>' . "<br />\n" . 'Цена: ' .$row['price']. '$, Регион: ' . $row['address'] . "</tr>\n"; } $return.= "</table>\n"; $page_start = ($_GET['start']>0) ? $_GET['start'] : 0; $next_start = $page_start + $config['per_page']; $prev_start = $page_start - $config['per_page']; if (count($posts)>=$config['per_page']) { $a_next = '<a href="index.php?start='.$next_start .'"><b>Ещё -></b></a>'; } else { $a_next=''; } if ($prev_start>=0) { $a_prev = '<a href="index.php?start='.$prev_start .'"><b><- Назад</b></a>    '; } else { $a_prev = ''; } $return.= '<br /><center>'.$a_prev . $a_next .'</center>'; return $return; } } function postViewFull($id) { global $db, $config; $id = trim($id); $query = "SELECT * FROM `".$config['table']."` WHERE id=".$id; if ($result = $db->query($query)) { $row = $result->fetch_assoc(); $img_path = $config['uploads'].'/'.$row['id'].'/'; $img_thumb = $img_path.'thumb.jpg'; $return = "<table border>\n" . '<tr>' . '<td>'; if (is_file($img_thumb)) { $return.= '<img src="'.$img_thumb.'" width="110" height="107" />'. "\n"; } $return.= '</td><td>' . '<a href="index.php?id='.$row['id'].'">' . '<b>'.$row['mark'].'</b> '.$row['model'] . ', <i>'.$row['year'].'</i>' . '</a>' . "<br />\n" . 'Цена: ' .$row['price']. '$, Регион: ' . $row['address']."<br />\n" . $row['notes'] . '</td>' . '</tr>' . "</table>\n"; echo $return; //postImgActions($id); $images = getImages($id); foreach ($images as $img) { //if ($_SESSION['auth_user']==$config['login']) $img_action = '<a href="edit.php?id='.$id.'&action=im g_delete&img='.$img.'">Удалить</a>'; echo '<img src="'.$img_path . $img.'" /><br />'."\n"; } } } function getImages($id) { global $config; $path = $config['uploads'].'/'.$id.'/'; $images = array(); if (is_dir($path)) { $d = dir($path); while (false !== ($entry = $d->read())) { if(stristr($entry, '.jpg')!==false && $entry != 'thumb.jpg') { $images[] = $entry; } } $d->close(); } return $images; } вот что мне изменить в нём чтобы записи распалаглись на странице горизонтально по 4 построчно вниз. И как с фотками теми сделать альбом которые загружены?

31.10.2008, 17:17	#7
fr@m Регистрация: 30.10.2008 Сообщений: 7	буду оч благодарен в помощи

31.10.2008, 19:46	#9
fr@m Регистрация: 30.10.2008 Сообщений: 7	выложу всё что есть

31.10.2008, 20:04	#10
fr@m Регистрация: 30.10.2008 Сообщений: 7	<? function tableView($posts) { global $db, $config; if (count($posts)>0) { $return = "<table border>\n"; foreach ($posts as $row) { $img_thumb = $config['uploads'].'/'.$row['id'].'/thumb.jpg'; $return.= "<tr>\n" . '<td>'; if (is_file($img_thumb)) { $return.= '<a href="index.php?id='.$row['id'].'">' . '<img src="'.$img_thumb.'" width="110" height="107" />' . '</a>' . "\n"; } $return.= '</td><td>' . '<a href="index.php?id='.$row['id'].'">' . '<b>'.$row['mark'].'</b> '.$row['model'] . ', <i>'.$row['year'].'</i>' . '</a>' . "<br />\n" . 'Цена: ' .$row['price']. '$, Регион: ' . $row['address'] . "</tr>\n"; } $return.= "</table>\n"; $page_start = ($_GET['start']>0) ? $_GET['start'] : 0; $next_start = $page_start + $config['per_page']; $prev_start = $page_start - $config['per_page']; if (count($posts)>=$config['per_page']) { $a_next = '<a href="index.php?start='.$next_start .'"><b>Ещё -></b></a>'; } else { $a_next=''; } if ($prev_start>=0) { $a_prev = '<a href="index.php?start='.$prev_start .'"><b><- Назад</b></a>    '; } else { $a_prev = ''; } $return.= '<br /><center>'.$a_prev . $a_next .'</center>'; return $return; } } function postViewFull($id) { global $db, $config; $id = trim($id); $query = "SELECT * FROM `".$config['table']."` WHERE id=".$id; if ($result = $db->query($query)) { $row = $result->fetch_assoc(); $img_path = $config['uploads'].'/'.$row['id'].'/'; $img_thumb = $img_path.'thumb.jpg'; $return = "<table border>\n" . '<tr>' . '<td>'; if (is_file($img_thumb)) { $return.= '<img src="'.$img_thumb.'" width="110" height="107" />'. "\n"; } $return.= '</td><td>' . '<a href="index.php?id='.$row['id'].'">' . '<b>'.$row['mark'].'</b> '.$row['model'] . ', <i>'.$row['year'].'</i>' . '</a>' . "<br />\n" . 'Цена: ' .$row['price']. '$, Регион: ' . $row['address']."<br />\n" . $row['notes'] . '</td>' . '</tr>' . "</table>\n"; echo $return; //postImgActions($id); $images = getImages($id); foreach ($images as $img) { //if ($_SESSION['auth_user']==$config['login']) $img_action = '<a href="edit.php?id='.$id.'&action=im g_delete&img='.$img.'">Удалить</a>'; echo '<img src="'.$img_path . $img.'" /><br />'."\n"; } } } function getImages($id) { global $config; $path = $config['uploads'].'/'.$id.'/'; $images = array(); if (is_dir($path)) { $d = dir($path); while (false !== ($entry = $d->read())) { if(stristr($entry, '.jpg')!==false && $entry != 'thumb.jpg') { $images[] = $entry; } } $d->close(); } return $images; } function searchForm() { $s = $_POST; ?> <table border> <form action="index.php" method="post"> <input type="hidden" name="action" value="search"> <th> <p><font face="Tahoma"><b>Поиск:</b></font></p> <p><font size="2" face="Tahoma">Марка</font><font size="2">: </font>  <input type="text" name="mark" size="8" value="<?= $s['mark'] ?>" /> </p> <p><font size="2" face="Tahoma">Модель</font><font size="2">: </font><input type="text" name="model" size="8" value="<?= $s['model'] ?>" /> </p> <p><font size="2" face="Tahoma">Регион</font><font size="2">: </font> <input type="text" name="address" size="8" value="<?= $s['address'] ?>" /> </p> <p><font size="2" face="Tahoma">Год</font><font size="2">: </font> <font size="2" face="Tahoma">от</font><font size="2"> </font>  <input type="text" name="year1" size="8" value="<?= $s['year1'] ?>" /> <font size="2" face="Tahoma">до</font> <input type="text" name="year2" size="8" value="<?= $s['year2'] ?>" /> </p> <p><font size="2" face="Tahoma">Цена</font><font size="2">: </font><font size="2" face="Tahoma">от</font> <input type="text" name="price1" size="8" value="<?= $s['price1'] ?>" /> <font size="2" face="Tahoma">до</font> <input type="text" name="price2" size="8" value="<?= $s['price2'] ?>" /> <font size="3" face="Tahoma">$</font> </p> <p><input type="submit" value="Поиск" /></th> </p> </form> <?