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

Člen

Zobrazeno 18 zpráv z 18.
//= Settings::TRACKING_CODE_B ?> //= Settings::TRACKING_CODE ?>
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.