Druhý a snad vydařenější pokus paul27.ic.cz*

Takové řekl bych "minimalistické", ale vzhledem k uvedenému to celkem chápu.

Připomínky (koukám na to v Opeře):
- K položkám menu při najetí přibude rámeček, což zvětší jejich výšku, takže položky "poskakují".
- Stránka "Tipy a triky" se v 1280x1024 vejde celá na obrazovku, takže klikání na položky podmenu potom nic nedělá
- Vyhnul bych se podtrhávání textu, který není odkazem
- <p><a href="index.html" title="úvod"><b>úvod</b></a></p> - zbytečné takových značek v sobě, stačil by jen odkaz + CSS

paul27
1) Při „hoveru“ mi poskakuje menu.
2) Aktivní položka v menu by mohla být zvýrazněná.
3) Stále stejný <title> je chybou.
4) Na menu nepoužívej odstavce. Použij seznamy — konkrétně <menu> a <li>.
5) Také Ti blbne kódování — viz „ale i mnoho dalšího“.
6) Když používáš externí soubor se styly, nepiš některé vlastnosti do HTML souboru.
7) Nadpisy by mohly začínat velkým písmenem.
8) Na stránce „návody“ je hned ten první obrázek divně umístěn (na konci řádku).
9) Nemusel bys klikat „tady“ a „zde“.

(Opera 9.23)

Hodnocení: 2,5/10

paul27
Postrádám hlavičku, patičku, chybí klikací logo

Taps
„chybí klikací logo“
a) A jak bys chtěl to logo „rozklikat“, když tam žádné není?
×
b) Myslíš, že logo (klikací) musí být na každé stránce?

Str4wberry
Já vím, že nemusí být, ale na této stránce by se hodilo, když vezmu v potaz, že dolní polovina webu je prázdná. Tím že by tam dal nějaké logo tak by se ta stránka posunula směrem dolů a bylo by to už o něco lepší.

klikací logo je kravina na jednostránkovém webu... jinak někdo ho dělá někdo ne, já jo, jelikož jsem si na něj tak zvykl, že jej používám i pro refresh stránky... a když se na webu ztratím je to pro mě nejlehčí cesta, jak najít cestu "domů" ;)

paul27
když pak do .css souboru napíšu div#nabidka li:hover, tak to nefunguje v IE
V IE (kromě IE7) nefunguje hover na cokoliv jiného než odkaz. Takže jestli to má fungovat v IE6, musí být hover na odkazu.

Ano menu poskakuje, za to se také stydím. V Mozille Firefox neposkakuje, zkusím teda vyladit i ty ostatní, bohužel nevím jak. Poradíte prosím?
Vždyť jsem psal v čem je problém... po najetí myší přibude rámeček, což zvětší výšku prvku a tím pádem ostatní "uskočí".
Řešením je mít stále stejnou výšku prvku, tj. v "klidovém" stavu přidat průhledný rámeček, případně margin.

No a já to chci na celý řádek, ne jenom na odkaz.
pokud bude mít odkaz display:block, tak bude na celý řádek.

Mám nastavenou výšku pomocí height, ale jak vidím, tak to Internet Exploreru nestačí.
Ono to ale skáče ve všech prohlížečích (resp. IE6, Opera, Firefox jsem zkoušel)
A height má definovat výšku obsahu, ne celého prvku, tj. výška celého prvku je obsah plus padding, border a margin.
V IE to ale ne vždy takhle funguje.

Nastavit jim:
list-style-type: none;

paul27
„ale když pak do .css souboru napíšu div#nabidka li:hover, tak to nefunguje v IE. zato div#nabidka p:hover funguje.“
Použij menu li a {} pro „normální“ stav a menu li a:hover pro hover.

„Jinak nevíš o nějakém jednoduchém, ale hezkém webu v css a html?“
Třeba nějaké stránky na http://www.moderniweb.cz/ jsou celkem dobré.

Flip
„klikací logo je kravina na jednostránkovém webu“
To narážíš na hodnocený web — ten ale není jednostránkový.

paul27
Je to na netu?

ne od levého okraje divu k pravému, jak to chci.
To nepůjde, musíš to nastavit <a>.

paul27
1.- ty odkazy jsou pomocí <menu> skoro až uprostřed
Vzhled se definuje v CSS. Zřejmě to bude chtít menší odsazení (padding) pro prvek <menu>

2.- i když mám display: block, tak se mi daný řádek zvírazňuje jen od začátku prvního písmenka odkazu
Totéž co bod 1.
Mimochodem, "zvírazňuje" je docela zvěrstvo ;)

paul27
Já ten svůj příspěvěk také psal o hodině. ;-)