muszę zrobić stronę w oparciu o wordpressa dot. porównywarki komputerów. Dodać mogę około 5/6 elementów.
Mam problem z wyświetleniem zawartości na stronie. Chciałbym mieć na samym początku tabelę z informacjami a do tych informacji będą dodawane informacje o wybranych elementach . Poniżej przedstawiam o co chodzi. Czy podpowie mi ktoś jak można uzyskać ten efekt?
Nazwa komputera |Dell model V330 | HP Probook
Procesor | Intel i5| Intel i7
Rodzaj dysku | SSD |HDD
Zrobiłem coś takiego, ale wszytsko jest w jednej kolumnie zamiast układać się z boku.
<?php include 'wp-content/DBController.php'; $db_handle = new DBController(); $countryResult = $db_handle->runQuery("SELECT DISTINCT Country FROM tbl_user ORDER BY Country ASC"); ?> <html> <head> <link href="style.css" type="text/css" rel="stylesheet" /> <title>Multiselect Dropdown Filter</title> </head> <body> <h2>Multiselect Dropdown Filter</h2> <form method="POST" name="search" action="index.php"> <div id="demo-grid"> <div class="search-box"> <select id="Place" name="country[]" multiple="multiple"> <option value="0" selected="selected">Select Country</option> <?php foreach ($countryResult as $key => $value) { echo '<option value="' . $countryResult[$key]['Country'] . '">' . $countryResult[$key]['Country'] . '</option>'; } } ?> </select><br> <br> <button id="Filter">Search</button> </div> <?php ?> <table cellpadding="10" cellspacing="1"> <thead> <tr> <td><strong>Name1</strong></td> </tr> <tr> <td><strong>Gender</strong></td> </tr> <tr> <td><strong>Country</strong></td> </tr> </thead> <tbody> <?php $query = "SELECT * from tbl_user"; $i = 0; $selectedOption = ""; while ($i < $selectedOptionCount) { $selectedOption = $selectedOption . "'" . $_POST['country'][$i] . "'"; if ($i < $selectedOptionCount - 1) { $selectedOption = $selectedOption . ", "; } $i ++; } $query = $query . " WHERE country in (" . $selectedOption . ")"; $result = $db_handle->runQuery($query); } foreach ($result as $key => $value) { ?> <tr> </tr> <tr> </tr> <tr> </tr> <?php } ?> </tbody> </table> <?php } ?> </div> </form> </body> </html>