Staré národy

Nadan
- přebývá ti tam jeden </head> (kolem 20. řádku)
- chybí klikatelná hlavička
- chybí za ní jakýkoliv alternativní text při vypnutých obrázcích
- menu patří do seznamu ul li nebo máme tag <menu>
- nechtěl jsem procházet všechny divy, ale na můj vkus jich tam je moc
- všude stejný, neměnný title
- velikosti písma by bylo dobře nastavovat relativními jenotkami místo absolutních pixelů

Designově mě stránka moc nenadchla, celkem bez nápadu

Nadan
přidej klikací logo

Nadan
S tím klikacím logem nevím, protože novinky a hlavní stránka je to samé...
No a?

Nadan
Ano, můžou. Ale obecný zvyk je klikat na hlavičku :) Tak proč by nemohli oboje.

Nadan
<a href="http://narody.ic.cz/navi/index.php"><div id="logo"> </div></a>
ale fuj. Blokový div nepatří do řádkového a, alternativní text ani tentokrát nikde nevidím..

3 - Jak mám udělat Alternativní text loga, když ho mám udělané jako pozadí divu?:)
třeba takhle: <h1><a href="" id="logo"><span></span>Alternativní text pod logem</a></h1> a náležitě ostylovat, přičemž span ponese na pozadí obrázek, z-indexem ho umístíš "nad" text. Tím dostaneš do stránky i krásný h1 obsahují název tvého webu

4 - Není to jedno? Nemůže to být takhle?
jednou pro něco máš tagy, tak proč to obcházet divy? Z hlediska sémantiky to jedno není, radil bych ti přečíst si třeba toto nebo toto, případně projít celý web

panther
Pixely jsou také relativní jednotka.

Nadan

Je to jen jedno z řešení. Alespoň já to tak dělám :o)
CSS:


a HTML:



Doufám, že tam někde není překlep :o)

Railbot
Pixely jsou také relativní jednotka.
tady bych s tebou moc nesouhlasil. Mám pocit, že v IE se písmo zapsané s px nedá zvětšit.
Trochu jsem hledal na internetu, někde se vedou diskuse o tom, zda jsou absolutní či relativní.. Hodím ti sem jeden odkaz, hledej dole na stránce nadpis Perceivable example: units.
Nakonec, abych nemusel brouzdat jen v anglických webech, můžeš se podívat na jakpsatweb.cz. Na tom, že jsou pt, in, mm absolutní, se asi shodneme. V tabulce máš krásný přepočet na pixely, z čehož celkem jasně vyplývá, že by to spolu mohlo mít jistou souvislost :o)

panther
Nakonec, abych nemusel brouzdat jen v anglických webech, můžeš se podívat na jakpsatweb.cz. Na tom, že jsou pt, in, mm absolutní, se asi shodneme. V tabulce máš krásný přepočet na pixely, z čehož celkem jasně vyplývá, že by to spolu mohlo mít jistou souvislost :o)
Na www.jakpsatweb.cz/css/css-jednotky.html je uvedené že:
1in = asi 2,6cm
Palec je predsa definovaný ako 2,54 cm presne. Aspoň čo ja viem.

es
1in = asi 2,6cm
Palec je predsa definovaný ako 2,54 cm presne. Aspoň čo ja viem.
Právě že tam je to asi 2,6cm. Každopádně mi nešlo o přesnou hodnotu palce, ale, pokud jsi četl i příspěvky výše, o to, jestli lze brát pixel jako relativní nebo absolutní jednotku. Pokud můžeš pixelu udělat přepočet na absolutní centimetry, musí být i pixel absolutním. Třeba relativní jednotku em na pixely nebo centimetry nepřepočítáš.

panther
Právě že tam je to asi 2,6cm. Každopádně mi nešlo o přesnou hodnotu palce, ale, pokud jsi četl i příspěvky výše, o to, jestli lze brát pixel jako relativní nebo absolutní jednotku. Pokud můžeš pixelu udělat přepočet na absolutní centimetry, musí být i pixel absolutním. Třeba relativní jednotku em na pixely nebo centimetry nepřepočítáš.
Neviem, čo má spoločný vzťah medzi palcom a centimetrom a medzi pixelami a centimetrom.
Je to rovnaká chyba, ako keby bolo v tabuľke uvedené, že 1 cm = asi 11 mm.
Chcel som len upozorniť na túto chybu, aby mohla byť opravená.

Nadan
Trochu by to chtělo vychytat PHP. Viz třeba:
http://narody.ic.cz/evropa/index.php?page=index

Reaguji na uživatele Nadana:

► Moc si hraješ s odstíny šedi, stačily by tak dva ty jich tam máš minimálně 4.
► Proč je patička skoro celá v angličtině? Stydíš se za češtinu?
► Pravé menu udělej větší.
► Nepodtrhávej odkazy v menu (pouze v menu!) a spíše je lépe zvýrazni.
► To tlačítko pro vyhledávání je moc velké, mohlo by být poloviční od inputu před ním.
► Proč máš v každém menu jiný hover?
► Proč je každé menu jinak široké? (to platí i o položkách).
► Klikací hlavička by měla být zvýrazněna " cursor:pointer; " (ručičkou), aby šlo poznat, že je klikací.
► Obrázek té truhly bych dal více dolů.
► Píšeš "Vyhledejte na Starých národech", ale vyhledává se na googlu ..
► K čemu dva copyrighty? Víš vůbec proč tam ten copyright máš?
► Těch "skleněných" linek přes barvu je tam trochu moc (v menu, v hlavičce) udělej to méně výraznější.
► Barevné jak duha, .. proč tolik barev a ještě k tomu tak rozdílných? Zkus udělat web ve dvou maximálně třech barvách, které na sebe ladí.
► Tento metatag je zbytečný pokud něco nezakazuješ a ty "nezakazuješ" takže pryč s tím:

<meta name="robots" content="index, follow" />

► Jestliže chceš mít pěkně strukturovaný kód spíše používej tabulátory než mezery.
► Atribut dir="ltr" je zbytečný je nastaven jako defaultní.
► Křížíš řádkové s blokovými elementy a to není dobře.
► Proč něco v kódu pojmenováváš česky a něco anglicky .. nebudeš v tom mít potom guláš?
► Ty entity se mi tam moc nelíbí :( máš nějáký důvod je tam dávat?
► Předivováno - na tak jednoduchou stránku bych čekal méně divů.
► Využívej spíše tag <menu> (popřípadě <ul> a <li>) strkat to do <p> je prasárna.
► Proč děláš zápis v CSS tak složitě? Dá se to přeci spojit ne?

background-image: url(images/bgs/bg.png);
background-repeat: repeat-x;

► Tohle se dá také zjednodušit:

p {
padding: 0;
margin: 0;
}
form {
padding: 0;
margin: 0;
}

můžeš změnit na:

p, form {padding: 0;margin: 0;}

snaž se trochu šetřit.
► Místo "background-image" můžeš dát rovnou "background" výjde to nastejno a je to kratší.
► V url() dávej uvozovky (dobrá rada není to nutnost).

Navigace mi připadá graficky ucházející, ale je trochu matoucí jak mají ty dva sloupce fungovat (ten vpravo - což je v podstatě tatáž navigace jako vlevo, až na to, že je vpravo - bych nazval jinak než "pro fanoušky"). Dal bych doleva "Národy" a naopak doprava "Navigace", to by vzhledem k určení sedělo líp.

Obsah je podán velice chudou formou, prakticky jako prostý text, dokonce ani nemá strukturované nadpisy. To by bylo slabé i před 10 lety, doufám, že na tom pořádně zapracujete. V textu jsou chyby, aspoň si to po sobě přečtěte.

Vyhledávání se dá udělat i pomocí Googlu podstatně líp: http://www.google.cz/coop/cse/