Chalupa Moravský Karlov

Zdravím, prosím o připomínky ke stránce

http://www.moravskykarlov.cz

Stránky ještě nejsou zcela hotovy a především chybí kvalitní obrázky, které budou doplněny až po úplném dokončení chalupy.
Předem děkuji za připomínky.

Díky všem za připomínky a dokonce předělání stránek:)
Přehnané grafiky i obrázků jsem si vědom a mě to také příliš nevyhovovalo, protože jsem zvyklý dělat spíše jednodušší stránky s lepším kódem, přehlednější a rychleji se načítající. Jenže klient chtěl stránku bohatou na grafiku (o problémech, které to může přinášet jsem mu říkal a je toho názoru, že ti co chtějí na chalupu budou mít asi obrázky zapnutý :) a myslí si že v dnešní době má každý rychlý internet...) Pravdou je, že textový obsah stránek je v tomto případě minimální a minimální i zůstane.
V každém případě určitě použiju návrh Miloše (díky moc, jen u některých obrázků jsou kraje asi příliš kostrbaté, takže to budu muset ještě nějak vyřešit - jo a prosím zkontroluj jestli ti funguje ta zabalená verze stránek, winrar mi hlásí chybný soubor nebo neznámý formát).

Díky, už to funguje.
Tak to večer pořádně nastuduju, jakým způsobem jsi to udělal a kdyžtak se na tebe ještě s něčím obrátím, kdybych něčemu neporozuměl.

<b>Miloš</b>
Prosím tě, jestli bys měl pak chvilku, napiš mi na email taltos@seznam.cz tvoje ICQ, chtěl bych s tebou probrat pár věcí, co v tom kódu příliš nechápu :) Nechci přímo sem dávat svoje ICQ.

Díky

Dobře.
Zajímalo by mě rozdělení toho CSS, obecná pravidla jsou mi jasná, ale toto rozdělení pro prohlížeče již příliš nechápu, včetně těch závorek na poznámky a podobně. Jedná se o tyto dva řádky:

<!--[if !lte IE 7]> --><link rel="stylesheet" href="util/screen_prohlizece.css" type="text/css"><!-- <![endif]-->
<!--[if lte IE 7]><link rel="stylesheet" href="./util/screen_MSIE.css" type="text/css" media="screen"><![endif]-->

Zajímavý, to si musím přečíst, ještě jsem o tom neslyšel.

Ještě mi prosím doplň trošku popis k těm pozadím, kterým máš přidaný veškterý obrázky na webu. Příliš mi není jasný, jak je možný tak přesně umístit to pozadí ještě na odkaz v řádku seznamu li :) Omlouvám se za mou neznalost, ale s podobným kódem a řešením úspory místa jsem se ještě nesetkal, ale rád bych to i pochopil a naučil se a ne jen zkopíroval jako výslednou stránku. Jedná se například o tento řádek (ale v kódu jich je hodně):

menu#navigace li.okoli {left: 40px; top: 13px;}
menu#navigace li.okoli a {background-image: url(menu/okoli.jpg);}

První řádek je mi vcelku jasný, nastavuješ přesnou pozici řádku v tom seznamu, ale jaktože se to objeví přesně na tom místě, když to menu "navigace" nemáš v indexu nijak pozicovaný? A to slovní menu (pro případ vypnutých obrázků, předpokládám - viz. níže) se poté pozadím překryje? To přece bez z-indexu nepůjde ne?

<menu id="navigace">
<li class="uvod aktivni"><a href="uvod.html"><span>úvod</span></a></li>
<li class="okoli"><a href="okolí.html"><span>okolí</span></a></li>
<li class="cenik"><a href="ceník.html"><span>ceník</span></a></li>
<li class="kontakt"><a href="kontakt.html"><span>kontakt</span></a></li>
<li class="vybaveni"><a href="vybavení.html"><span>vybavení</span></a></li>
<li class="obsazenost"><a href="obsazenost.html"><span>obsazenost</span></a></li>
<li class="fotogalerie"><a href="fotogalerie.html"><span>fotogalerie</span></a></li>
</menu>

Budu to muset vyzkoušet různě měnit a podle toho bych měl poznat, co konkrétní příkazy dělají.

Jinak jsem teď na internet nahrál aktualizovanou verzi těch původních stránek, především jsem se zaměřil na výraznou (u většiny objektů poloviční) kompresy obrázků (plus nějaké drobnosti, aby se v exploreru nezobrazil ten krátký scrollbar na indexu), aniž bych zavinil nějaké větší zhoršení kvality (podle mého oka je to tedy téměř k nepoznání), tak bych chtěl vědět, jestli je nyní ta stránka alespoň dočasně schopná slušného načtení a jestli má alespoň solidní velikost. Mě se zobrazuje docela bez problémů. S tím, že v nejbližší době stránky nahradím verzí s použitím všeho, co mi poslal Miloš.

http://www.moravskykarlov.cz
Pro jistotu ještě jednou adresu aktualizované stránky, ale to stejné se vám zobrazí i na horním odkazu.

Tak už jsem většinu věcí v kódu pochytil (jen se mi trochu špatně zobrazují vlajky v exploreru, ale už jsem to spravil na únosnou mezi), je mi zatím není úplně jasné, jak mám způsobit to, že při kliknutí například na "Okolí", se mi změní na ten obrázek se znakem. Jedná se o tento řádek?
menu li.aktivni a, menu li a:hover {background-position: left bottom !important;}

Obrázek na pozadí totiž nemá dost místa aby mohl být vykreslený celý a když se při najetí posune dolů a doleva, zobrazí se zatm zakryté pozadí na kterém je obrázek již jiný. To stejně předpokládám udělá i při kliknutí kód menu li.aktivni (jen to aktivni musím napsat ke správnému políčku v menu), mám pravdu?

Miloš:
Podívej se potom prosím na aktualizovanou stránku jestli nevíš, proč mi ten textový nadpis "Chalupa Moravský Karlov" vyskakuje nad obrázek. Zkoušel jsem různě měnit z-indexy a podobně a zatím nic nepomohlo.

Díky