NOVINKA! E-learningové kurzy umělé inteligence. Nyní AI za nejlepší ceny. Zjisti více:
NOVINKA – Víkendový online kurz Software tester, který tě posune dál. Zjisti, jak na to!
Avatar
Matyáš Máslík
Člen
Avatar
Matyáš Máslík:29.9.2017 0:58

Zdravím,
dělám jednu ze svých prvních vážnějších stránek a téměř před dokončením, kdy pouze zbývalo nastavit media queries pro různá rozlišení jsem narazil na problém.

Mám tabulku o pěti řádcích a jednom sloupečku pro mobilní zařízení, přijatelně to vypadá dejme tomu do 500px, a při přechodu na větší šířku /500-900px cca/ bych z toho chtěl udělat tabulku o třech řádcích a dvou sloupečcích. Moje idea byla vytvořit PHP soubory s jednotlivými tabulkami a vložit je do html stránky, přičemž by se podle šířky zobrazení vždy zobrazil ten PHP soubor, ve kterém je vhodná tabulka.

S PHP však teprve začínám a nemám tušení, jak na to. Pokud to touhle cestou vůbec jde :-D :-D Jinak vím, že by optimálnější řešení bylo vykašlat se na tabulku a prostě napsat ty jednotlivé položky menu a poté je pouze v CSS upravit, jako ve zdejších tutoriálu na responzivní menu. Ale rád bych se dozvěděl jak toto vyřešit, a jestli je to vůbec možné. Těším se na všechny návrhy a předem díky! :)

Tabulka do 500px

<table>
    <tr>
        <td><a><strong>Úvod</strong></a></td>
    </tr>
    <tr>
        <td><a href="aktualninabidka.php"><strong>Aktuální nabídka</strong></a></td>
    </tr>
    <tr>
        <td><a href="vyrizenezakazky.php"><strong>Vyřízené zakázky</strong></a></td>
    </tr>
    <tr>
        <td><a href="odhadynemovitosti.php"><strong>Odhady nemovitostí</strong></a></td>
    </tr>
    <tr>
        <td><a href="kontakty.php"><strong>Kontakty</strong></a></td>
    </tr>
</table>

Tabulka do 900px

<table>
    <tr>
        <td><a href="index.php"><strong>Úvod</strong></a></td>
        <td><a href="aktualninabidka.php"><strong>Aktuální nabídka</strong></a></td>
    </tr>
    <tr>
        <td><a href="vyrizenezakazky.php"><strong>Vyřízené zakázky</strong></a></td>
        <td><a href="odhadynemovitosti.php"><strong>Odhady nemovitostí</strong></a></td>
    </tr>
    <tr>
        <td><a href="kontakty.php"><strong>Kontakty</strong></a></td>
    </tr>
</table>
Editováno 29.9.2017 0:59
 
Odpovědět
29.9.2017 0:58
Avatar
Neaktivní uživatel
Tvůrce
Avatar
Odpovídá na Matyáš Máslík
Neaktivní uživatel:29.9.2017 1:11

Musel bys je načíst oba a přes media query vždy jedno menu zobrazit a druhé schovat. Nicméně sám víš, že správné řešení je bez tabulky a pomocí css.

Akceptované řešení
+20 Zkušeností
+2,50 Kč
Řešení problému
Nahoru Odpovědět
29.9.2017 1:11
Neaktivní uživatelský účet
Avatar
Matyáš Máslík
Člen
Avatar
Matyáš Máslík:30.9.2017 17:58

Ozkoušeno a předěláno bez tabulky a pomocí CSS, schovávací způsob vypadal v kódu příšerně, díky za osvětlení :-)

 
Nahoru Odpovědět
30.9.2017 17:58
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 3 zpráv z 3.