Diskuze: Responzivní tabulkové menu

Naučíme tě pracovat na home-office.

Zjistit více...

Aktivity

Matyáš Máslík

Člen

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

Neaktivní uživatel

Tvůrce

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č

Nahoru Odpovědět

29.9.2017 1:11

Neaktivní uživatelský účet

Matyáš Máslík

Člen

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.