Autor | Zpráva | ||
---|---|---|---|
pixelneo Profil |
#1 · Zasláno: 1. 4. 2013, 17:50:37
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> #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 float ovat 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í.
|
||
Časová prodleva: 11 let
|
0