Автор Тема: Как да се направи такова нещо?  (Прочетена 3037 пъти)

0 Потребители и 1 Гост преглежда(т) тази тема.

ashaman

  • Jr. Member
  • **
  • Благодарности
  • -Казани: 1
  • -Получени: 0
  • Публикации: 76
Как да се направи такова нещо?
« -: 25 Януари 2013, 21:30:31 »
Как може да се изкара информацията както в този сайт? 2 по 2 по хоризонтала?
http://www.newsmonster.co.uk/
« Последна редакция: 25 Януари 2013, 22:15:07 от ashaman »

metost

  • Administrator
  • Hero Member
  • *****
  • Благодарности
  • -Казани: 13
  • -Получени: 41
  • Публикации: 764
Re: Kak?
« Отговор #1 -: 25 Януари 2013, 21:52:41 »
Конкретно в този сайт, който си показал е реализирано с таблица. Иначe може да се направи и с div-ове като се стилизарат с CSS. По конкретно за дивовете прочети за float: left, float: rihjt, clear: both. Имаме хубави уроци на сайта за HTML И CSS изгледай ги ако имаш желание да научиш нещо.

И ще те помоля да си оправиш заглавието на темата!
(рɐǝɥ ɹпoʎ uɹпʇ ʇ,uoр)

ashaman

  • Jr. Member
  • **
  • Благодарности
  • -Казани: 1
  • -Получени: 0
  • Публикации: 76
Re: Как да се направи такова нещо?
« Отговор #2 -: 26 Януари 2013, 10:59:20 »
Когато взема информацията от базата данни, тя се подрежда по вериткала. Аз не питам как да подредя два дива чрез цсс, ако това ми се е разбрало. Аз не уточних, наистина.
Но питам как да изкарам информацията от една таблица в базата да се подреждат 2 по хоризонтал.
Например имам заглавие и текст в таблица в базата, и имам инсертнати 4 такива новини.
Тези четири как да се пдоредят по 2 по хоризонтал, а не и 4-те по вертикал.

HD

  • Administrator
  • Hero Member
  • *****
  • Благодарности
  • -Казани: 208
  • -Получени: 165
  • Публикации: 3077
Re: Как да се направи такова нещо?
« Отговор #3 -: 26 Януари 2013, 11:32:53 »
Отговорът на въпроса ти е че това става като пуснеш първо една заявка към базата от данни, резултата от тази заявка го сложиш в един цикъл, който ти генерира съответния html. В момента не мога да ти напиша точно код-а, но намерих следната тема:
http://www.dreamincode.net/forums/topic/39847-how-to-put-query-into-table/

Stan

  • Hero Member
  • *****
  • Благодарности
  • -Казани: 27
  • -Получени: 135
  • Публикации: 641
Re: Как да се направи такова нещо?
« Отговор #4 -: 26 Януари 2013, 11:45:09 »
Когато взема информацията от базата данни, тя се подрежда по вериткала.

Ще излиза и по диагонал, зависи как си го реализирал - покажи си кода.Може да се реализира само със стилизации както ти е казано по-горе или да впрегнеш и php да мисли - най-елементарното,което се сещам  е да проверяваш за четност, ако се дели номера на новината на 2 и остатъка от делението е 0 то да се генерира <br />.Отново казвам покажи си кода, за да ти се отговори адекватно.


ashaman

  • Jr. Member
  • **
  • Благодарности
  • -Казани: 1
  • -Получени: 0
  • Публикации: 76
Re: Как да се направи такова нещо?
« Отговор #5 -: 26 Януари 2013, 12:05:33 »
Код: PHP
  1. mysql_select_db("php_tutorial1") or die(mysql_error());
  2. $rs = run_q("SELECT * FROM posts ORDER BY date LIMIT 6");
  3. while($row = mysql_fetch_assoc($rs)){
  4. echo '<div id=newsdate>от дата; ';
  5. $row_date = strtotime($row['date']);
  6. echo date("d: m: Y", $row_date);
  7. echo'</div>';
  8. echo '<div id=newstitle>';
  9. echo'<a href="#" >';
  10. echo $row['title'];
  11. echo '</a>';
  12. echo '</div>';
  13. echo '<div id=titleempty>';
  14. echo '</div>';
  15. echo '<div id=line>';
  16. echo '</div>';
  17. echo '<div id=picempty>';
  18. echo '</div>';
  19. echo '<div id=newspic><img src="data:image/jpeg;base64,' . base64_encode( $row['pic'] ) . '"/>' ;      
  20. echo '</div>';
  21. echo '<div id=newspost>';
  22. echo substr($row['post'], 0, strpos($row['post'], ' ', 90)).'...';
  23. echo '</div>';
  24. echo '<div id=newsicon>';
  25. echo '</div>';
  26. echo '<div id=newsempty>';
  27. echo '</div>';
Тука съм ги мушнал в отеделни дивове и съм ги направил с сцц по някакъв начин в един контейнер.
С едн картинка, ще обясня по добре, 1,2,3,4 са последователните новини от таблицата, вземам ги по дата и бих искал да се подреждат не една след друга вертикално, но така;

ashaman

  • Jr. Member
  • **
  • Благодарности
  • -Казани: 1
  • -Получени: 0
  • Публикации: 76
Re: Как да се направи такова нещо?
« Отговор #6 -: 26 Януари 2013, 12:18:46 »
Пак нещо не съм догледал, направих го с цсс-а...

HanKrum

  • Hero Member
  • *****
  • Благодарности
  • -Казани: 125
  • -Получени: 73
  • Публикации: 1005
  • Кибик
Re: Как да се направи такова нещо?
« Отговор #7 -: 26 Януари 2013, 21:14:06 »
И ако покажеш как си го направил ...
"Силата на правителството се крепи на невежеството на народа, и те знаят това и винаги ще се борят против просвещението." Лев Толстой