Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [MySQL][HTML][PHP]Dwie kolumny w jednym rzędzie
Forum PHP.pl > Forum > Przedszkole
Waloch016
Kod:
  1. <?
  2.  
  3. $sql = $db->get_results("SELECT * FROM posts ORDER BY date DESC");
  4. foreach ($sql as $v) {
  5. $news = $v->body;
  6. $news = preg_replace("/<img[^>]+\>/i", "", $news);
  7.  
  8. ?>
  9. <div class="row">
  10. <div class="col-md-6">
  11. <article>
  12. <h2 class="post-title"><? echo $v->title ?></h2>
  13. <span class="post-meta"><i class="fa fa-user"></i> <a href="#">John Doe</a>   <i class="fa fa-clock-o"></i> <? echo date('F j<\s\up>S</\s\up>, Y', $v->date) ?></span>
  14. <figure class="mbr-figure mbr-figure--adapted mbr-figure--full-width"><img src="assets/images/1.jpg" class="mbr-figure__img img-responsive post-thumb"></figure>
  15. <div><? if (strlen($news) > 300){echo substr($news, 0, strpos($news,' ',300)).'...';} ?><? echo '<a href="post_view.php?id='.$v->id.'" class="rmore">Kontynuuj czytanie..</a>';?> <i class="fa fa-angle-right"></i></a></div>
  16. </article>
  17. </div>
  18. <?}?>
  19. </div>


Div "row" ma określać rząd.

div col-md-6 ma okreslac kolumnę.

Potrzebuję wyświetlić dwa divy col-md-6 w jednym divie "row"
i ponownie i tak w nieskonczonosc.

Prościej. Dwa artykuły muszą być koło sie i kolejno przeskakiwać.

Edit: Dodam że szablon strony jest bootsrapowy i na tel wyświtela wszystko ok. Na stronie w pierwszym rzędzie też wyświetlaok Następne rzędy się sypią tzn są nierówne
Tomplus
Daj:
<div class="row">

przed pętlą foreach.
Waloch016
Bez zmian.

Zrobione, do zamknięcia
nospor
To nie badz taki i pokaz rozwiazanie dla kogos, kto moze tez bedzie potrzebowal
Tomplus
Bez zmian?
No bez jaj. A DIVa zamykającego też oczywiście dałeś za pętlę, tylko za klamrę } a nie przed foreach?
Waloch016
  1. $sql = $db->get_results("SELECT * FROM posts ORDER BY date DESC");
  2. echo '<div class="row">';
  3. $index = 0;
  4.  
  5. foreach ($sql as $v){
  6. $news = $v->body;
  7. $news = preg_replace("/<img[^>]+\>/i", "", $news);
  8. if ($index > 0 and $index % 2 == 0) {
  9. echo '</div><div class="columns">';
  10. }
  11. echo '<div class="col-md-6">
  12. <article>
  13. <h2 class="post-title">'.$v->title.'</h2>
  14. <span class="post-meta"><i class="fa fa-user"></i><a href="#">'.$v->autor.'</a><i class="fa fa-clock-o"></i>' .date("F j<\s\up>S</\s\up>, Y", $v->date). '</span>
  15. <figure class="mbr-figure mbr-figure--adapted mbr-figure--full-width"><img src="admin/'.$v->cat.'" class="mbr-figure__img img-responsive post-thumb"></figure>
  16. <div>' .substr($news, 0, strpos($news,' ',300)).'<a href="post_view.php?id='.$v->id.'" class="rmore">Kontynuuj czytanie..</a><i class="fa fa-angle-right"></i></a></div>
  17. </article>
  18. </div>';
  19. $index++;
  20. }
  21. echo '</div>';
  22. ?>


Takie rozwiązanie tego problemu.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.