Diskuze: Fotoalbum
V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.


Zobrazeno 18 zpráv z 18.
K personalizaci obsahu a reklam, poskytování funkcí sociálních médií a analýze naší návštěvnosti využíváme soubory cookie. Informace o tom, jak náš web používáte, sdílíme se svými partnery pro sociální média, inzerci a analýzy. Partneři tyto údaje mohou zkombinovat s dalšími informacemi, které jste jim poskytli nebo které získali v důsledku toho, že používáte jejich služby.
Používáme nezbytné cookies pro fungování webu a s tvým souhlasem také analytické a marketingové cookies.
Zajišťují základní funkce, bezpečnost a služby, které sis vyžádal. Nelze je vypnout.
| Služba | Poskytovatel | Účel | Cookies a úložiště | Doba uložení |
|---|---|---|---|---|
| ITnetwork | ITnetwork | Provoz webu, relace, přihlášení a uložení nastavení cookies. | PHPSESSID, auth_token, sid, itn_consent_impression, __Host-itn_consent | Relace až 1 rok |
| Google Tag Manager | Správa značek a načítání měřicích nástrojů webu. | Žádné | Neukládá se | |
| Google Fonts | Načítání typografie webu. | Úložiště řízené poskytovatelem | Dle podmínek poskytovatele | |
| Google Hosted Libraries | Načítání potřebných knihoven a stylů webu. | Úložiště řízené poskytovatelem | Dle podmínek poskytovatele | |
| Google reCAPTCHA | Ochrana formulářů a webu před zneužitím. | _GRECAPTCHA, rc::a, rc::b, rc::c, rc::f | Relace až 180 dní | |
| YouTube | Přehrávání vloženého video obsahu. | localStorage, IndexedDB; cookies after playback interaction | Relace až trvalé úložiště | |
| Vimeo | Vimeo | Přehrávání vloženého video obsahu. | __cf_bm, _cfuvid, vuid, localStorage, IndexedDB | Relace až 2 roky |
| Facebook Login | Meta | Přihlášení pomocí účtu třetí strany. | Úložiště řízené poskytovatelem | Relace až 1 rok |
| GoPay | GoPay | Zpracování uživatelem vyžádané platby. | Úložiště řízené poskytovatelem | Dle podmínek poskytovatele |
Pomáhají nám porozumět používání webu a zlepšovat ho.
| Služba | Poskytovatel | Účel | Cookies a úložiště | Doba uložení |
|---|---|---|---|---|
| Google Analytics 4 | Měření návštěvnosti a používání webu. | _ga, _ga_* | Až 2 roky | |
| Microsoft Clarity | Microsoft | Měření návštěvnosti a používání webu. | _clck, _clsk, _cltk | Relace až 1 rok |
Slouží k měření kampaní, personalizaci reklamy a marketingové komunikaci.
| Služba | Poskytovatel | Účel | Cookies a úložiště | Doba uložení |
|---|---|---|---|---|
| Google Ads | Měření kampaní, reklama a remarketing. | _gcl_au, _gcl_ls | Relace až 90 dní | |
| Meta Pixel | Meta | Měření kampaní, reklama a remarketing. | _fbp, _fbc, localStorage | Až 90 dní |
| Sklik | Seznam.cz | Měření kampaní, reklama a remarketing. | retargeting, sid, szn:* | Relace až trvalé úložiště |
| LinkedIn Insight | Měření kampaní, reklama a remarketing. | bcookie, li_gc, lidc, __cf_bm | Relace až 1 rok | |
| Ecomail | Ecomail.cz | Měření kampaní, reklama a remarketing. | ecmid, Úložiště řízené poskytovatelem | Dle podmínek poskytovatele |
| Atribuce kampaní ITnetwork | ITnetwork | Přiřazení návštěvy a objednávky ke kampani. | campaign_clid[*], user_session_context | Až 1 rok |
V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.


protože ti to překrývá menu. Ten blok je sice průhledný ale je tam. Zkus si počíst jak se tvoří layout v zdejších tutoriálech. Jinak bohatě stačí nastavit velikost navu na 160px.
body > header > nav {
width: 160px;
}
Najlepšia možnosť by pre teba bola vytvoriť si v body tzv. div wrapper,
ktoré mu nastavíš určitú sírku a vycentruješ. Hodilo by sa to tam viac. A
k menu. Do wrapperu by si hodil menu, ktorému by si dal vlastnosť float: left;
a šírku napr. 150px;, potom obsahu by si nastavil float:right; a šírku by si
dopočítal ako šírka wrapperu - šírka menu. Bolo by to
úhľadnejšie, nerobilo by to takéto problémy a hlavne profesionálnejšie

Divy sa používajú a aj budú používať
Je to neodeliteľná súčasť 99%
webov. V HTML5 by sa len malo zamedziť ich nadmernému používaniu, pretože
HTML5 má svoje vlastné elementy, ktoré dokážu divy nahradiť - je to taká
lepšia alternatíva 
Ako som hovoril daj si celý obsah do divu. CSS:
// div wrapper
.wrapper {
position: relative;
margin: 0 auto;
width: napr. 800px;
}
// menu
nav {
position: relative;
float: left;
width: 120px (napr.);
...
}
// obsah
.content alebo section alebo ja neviem čo... {
float: right;
width: 680px;
...
}
Možností je veľa. Môžeš to spraviť responzívne alebo nejak tak napoly
responzívne tým, že wrapperu dáš namiesto width: xxx;, max-width: xxx; a
content dopočítaš s jQuery/JavaScriptom.... 
No vyřešit si to budeš muset sám, ale aspoň bys měl vědět, kde je chyba. To menu (nav ul) je široké přes celou stránku a je jakoby NAD obsahem (tou galerií), takže na ni nemůžeš kliknout. Příkládám snímek z firefoxu, kterej umí hezky vykreslit stránku po vrstvách do 3D, což se může někdy hodit.
Přesný řešení se mi psát nechce, jelikož procházet a opravovat cizí kód pro mě bývá většinou utrpení, takže ho radši napíšu znova. A mohl bys to tak udělat i ty. Určitě jsi při tvorbě této stránky přišel k novým informacím, které už bys mohl rovnou aplikovat ve verzi 2.0. Protože při opravování kódu na začátcích na plno chyb nepřijdeš (a vlastně ani potom), je lepší to prostě napsat znova (z mého pohledu).
Snad mě tu nikdo neukamenuje, když zmíním, že by možná nemuselo být na škodu postavit takovouto stránku třeba na Wordpressu, kde by sis jen udělal šablonu.
Budeš to muset cele asi překodit, jelikož máš v tom bordel.
Nicméně zatím můžeš wrapperu co máš dát width např 0; pák už to je
klikatelný, ale je to špatně.
Nedokázal jsem se v tom vyznat 
Chyba je v CSS, konkrétně u nastavení body > header. Je tam width:
100%. P
Změň to na 140px a mělo by vše jít.
Pro lepší najití:
body > header {
height: 75;
width: 140px;
margin-top: 24px;
float: left;
position: fixed;
z-index: 1;
}
(Je to tam už opraveno)
Převod na jiný hosting určitě zvaž. A dnes už se, třeba na wedosu, dá sehnat naprostý základ za pár šušňů. Freehostingy jsou v některých směrech značně omezené. Zvláště pak Ic.cz.
Asi ano.
Už jsem přišel
na to, proč to nešlo. Nahrával jsem to z blbé složky. Ale i po tom, co jsem
to opravil tak je tam pořád 100%. Je to divné
. Když jsem to nahrál na ftp a
dal zobrazit soubor, bylo tam 140px. Ale když si otevřu stránky a dám tam
zkontrolovat prvek. Tak tam je 100%. Tak nevím 
Je to divné, podívej se po jiném hosting-u, já preferuji http://www.zikum.cz Mají tam i
free verzi a není nějak extrémně omezená. Můžeš si tam nastavovat kde
co, PHP a MySQL by měly být aktuální. Dražší verze už podporují maily a
mají dost prostoru. Hlavní je, že ti tam nepřidává žádnou reklamu jako
ic.cz. 
Zobrazeno 18 zpráv z 18.