Autor Zpráva
pixelneo
Profil
Dobrý den,
Potřebuji, aby se po načtení index.php zobrazil obsah <div id="home">, ale potom, až kliknu třeba na "služby", aby zase zmizel a zobrazily se služby. Toto funguje, kromě toho, že po načtení webu se nic nezobrazí (vím proč, jde mi o to, jak to vyřešit). Jde mi o to, aby to fungovalo, jako by to byly jednotlivé stránky - index.php, sluzby.php, ... Nevíte někdo jak to napsat?
<li><a href="#home">Home</a></li>
<li><a href="#sluzby">Služby</a></li>
<li><a href="#ref">Reference</a></li>    
<li><a href="#kontakt">Kontakt</a></li>
<div class="menu" id="home">H</div>
<div class="menu" id="sluzby">S</div>
<div class="menu" id="ref">R</div>
<div class="menu" id="kontakt">K</div>
A css:
#home {display: none;}
#home:target {display: block;}
#sluzby {display:none;}
#sluzby:target {display:block;}
#ref {display:none;}
#ref:target {display:block;}
#kontakt {display:none;}
#kontakt:target {display:block;}
Str4wberry
Profil
Napadá mě (jen pomocí CSS):
1) Jednotlivé stránky umístit přes sebe. Tedy po načtení bude vidět #home a překliknutí na jinou položku tuto stránku překryje. Nebo stránky floatovat s tím, že se do jejich rodiče vejde jen jedna a další se ořízne.
2) Umístit stránku #home do HTML až jako poslední. Půjde ji potom skrýt v situacích jako #kontakt:target ~ #home atd. (Ukázka.)

Také by se to dalo vyřešit přesměrováním example.com na example.com/#home.

Nicméně užitý :target selektor funguje až od Exploreru 9 a mít všechen obsah na jedné fysické stránce nemusí být úplně šťastné řešení.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: