[PHP]Stała szerokość tabeli Opcje

[trebron]

Witam. Mam problem z okładkami w tabeli. Mieści się na stronie 10 okładek w jednej lini i jest ok ale jak chce zmienić ilość okładek np na 100 i tym samym ustalić DESC LIMIT 100, to wszystkie plakaty zamiast nie poszerzać tabeli i kolejne okladki pojawiać się w nastepnej lini, mam wszystkie 100 okładek w jednej lini. Można prosić o pomoc, aby w jednej lini było max 10 okladek a reszta wędrowała w dół?

[PHP] pobierz, plaintext 
$w_1 = "width=100%";
        print("<br /><br /><table $w_1 class='belkaGlownaTable' border='0' cellpadding='0' align='center'>");
		print("<tr>");
			print("<td class='belkaGlownaTd'>Najnowsze plakaty</td>");
		print("</tr>");
	print("</table>");	
 
$query = "SELECT id, name, poster, added FROM filmy WHERE visible='yes' AND category='37' ORDER BY added DESC LIMIT 10";
$result = $dbc_h->query($query);
 
	print("<table $w_1 class='text' border='0' cellspacing='1' cellpadding='0'></tr>");
	while ($row = mysqli_fetch_assoc($result))
	{
		$id = $row['id'];
		$name = $row['name'];
		$poster = $row['poster'];
		$hits = $row['added'];
		print("<td class='image_poster'><a href=$BASEURL/details.php?id=$id title=\"$name\"><img src=".$row["poster"]." width=\"80\" height=\"110\" title=\"$name\" style='border:1px solid #000;' class='okladkabig'/></a><br /><b>dodano:</b>&nbsp;&nbsp;<span class='dodano'>$hits</span></td>");	
	}
print("</tr></table>");
[PHP] pobierz, plaintext 

[trueblue]

Komórki w wierszu tabeli nie zawijają się.
Musisz po 10 komórkach tworzyć nowy wiersz.

[trebron]

W jaki sposob powinienem to napisać? W przypadku jakbym ustawił okładki dodane w ostatnim miesiącu a było by ich sporo to muszę na sztywno wpisac ilość wierszy?

[viking]

A po co je pchasz do tabeli. Zrób np grida.
https://css-tricks.com/snippets/css/complete-guide-grid/

[trebron]

Chyba odpuszczę bo dla mnie za trudne

[viking]

Za trudne czy za leniwy jesteś żeby chwilę poczytać?
https://jsfiddle.net/qbtvkcdm/

[trebron]

Przeczytałem tylko aby to skleić razem mam problem.

[Salvation]

Jak chcesz to ogarnąć w PHP, to podmień ostatnie linijki z tego kawałka kodu co wkleiłeś:

[PHP] pobierz, plaintext 
print("<table $w_1 class='text' border='0' cellspacing='1' cellpadding='0'></tr>");
	while ($row = mysqli_fetch_assoc($result))
	{
		$id = $row['id'];
		$name = $row['name'];
		$poster = $row['poster'];
		$hits = $row['added'];
		print("<td class='image_poster'><a href=$BASEURL/details.php?id=$id title=\"$name\"><img src=".$row["poster"]." width=\"80\" height=\"110\" title=\"$name\" style='border:1px solid #000;' class='okladkabig'/></a><br /><b>dodano:</b>&nbsp;&nbsp;<span class='dodano'>$hits</span></td>");	
	}
print("</tr></table>");
[PHP] pobierz, plaintext 

Na to:

[PHP] pobierz, plaintext 
$filmsInCategory = $result->fetch_all(MYSQLI_ASSOC);
$filmsChunks = array_chunk($filmsInCategory, 10);
 
echo '<table ' . $w_1 . ' class="text" border="0" cellspacing="1" cellpadding="0">';
 
foreach ($filmsChunks as $chunk) {
    echo '<tr>';
 
    foreach ($chunk as $row) {
        $id = $row['id'];
        $name = $row['name'];
        $poster = $row['poster'];
        $hits = $row['added'];
        $href = sprintf('%s/details.php?id=%d', $BASEURL, $id);
 
        echo '<td class="image_poster">
            <a href="' . $href . '" title="' . $name . '">
                <img src="' . $poster . '" width="80" height="110" title="' . $name . '" style="border:1px solid #000;" class="okladkabig" />
            </a><br/>
            <b>dodano:</b>&nbsp;&nbsp;<span class="dodano">' . $hits . '</span>
        </td>';
    }
 
    echo '</tr>';
}
 
echo '</table>';
[PHP] pobierz, plaintext 

Ten post edytował Salvation 8.11.2022, 15:14:42

[trebron]

Jak chcesz to ogarnąć w PHP, to podmień ostatnie linijki z tego kawałka kodu co wkleiłeś:

Zrobłem tak jak pisałeś ale mam pusty wynik.

[viking]

A dlaczego nie zrobisz tak jak napisałem? Masz 4 linijki w css i prosty html.

[trebron]

A dlaczego nie zrobisz tak jak napisałem? Masz 4 linijki w css i prosty html.

Zrobiłem tak jak poniżej i teraz mam 10 wersów po jednej okładce

[PHP] pobierz, plaintext 
print("<div $w_1 class='text' border='0' cellspacing='1' cellpadding='0'>");
	while ($row = mysqli_fetch_assoc($result))
	{
		$id = $row['id'];
		$name = $row['name'];
		$poster = $row['poster'];
		$hits = $row['added'];
                print("<div class='container'>");
		print("<div class='image_poster'><a href=$BASEURL/details.php?id=$id title=\"$name\"><img src=".$row["poster"]." width=\"80\" height=\"110\" title=\"$name\" style='border:1px solid #000;' class='okladkabig'/></a><br /><b>dodano:</b>&nbsp;&nbsp;<span class='dodano'>$hits</span></div>");	
                print("</div>");
	}
print("</div>");
[PHP] pobierz, plaintext 

[trueblue]

A nie zauważyłeś, że w kodzie, który podał Viking, jest tylko jeden container?

[trebron]

Mam pierwsze efekty i jest w kazdym wersie po 10 Tylko nie wiem dlaczego 2 razy dodając container wyswietla się prawidlowo. Drugi problem, że nie jest na środku tylko z lewej. Może to w inny sposob musi być wpisane z tym container? Przepraszam ale jestem przedszkolakiem i cięzko mi to ogarnąć

[PHP] pobierz, plaintext 
                print("<div class='container'>");
while ($row = mysqli_fetch_assoc($result))
	{
		$id = $row['id'];
		$name = $row['name'];
		$poster = $row['poster'];
		$hits = $row['added'];
                print("<div class='container'>");
		print("<div class='image_poster'><a href=$BASEURL/details.php?id=$id title=\"$name\"><img src=".$row["poster"]." width=\"80\" height=\"110\" title=\"$name\" style='border:1px solid #000;' class='okladkabig'/></a><br /><b>dodano:</b>  <span class='dodano'>$hits</span></div>");	
                print("</div>");
	}
[PHP] pobierz, plaintext 

Ten post edytował trebron 9.11.2022, 10:12:09

[trueblue]

W sumie to niewiele zmieniłeś, teraz jest container przy każdym posterze i na całość.

[viking]

A poza tym nic nie czytasz? https://developer.mozilla.org/en-US/docs/We...CSS_Grid_Layout
Ustawianie w grid czy flex jest bardzo proste.

[trebron]

A więc usunąłem tego przed posterem i </div> dałem poza pętlę bo przedtem tak nie zrobilem i nie wyświetlało się prawidłowo, a teraz nawet wyśrodkowało się. Dziękuję za pomoc, problem rozwiązany, uff:)