Zdravim.
Dodělal jsem nový design mé stránky a rád bych aby jste ho zhodnotili
http://foxcentrum.mysteia.cz
Díky
snad
http://foxcentrum.mysteria.cz
No, je zde pokus o elastický design. Ovšem při rozlišení 1152x864 se všechno poněkud rozháže...
Líbí se mi ta hlavička. (i když v mozille se na posledních asi 3px začíná opakovat, je tam vpravo nesourodý proužek)
Možná by bylo hezké, kdyby celá stránka nebyla odsazená od okna prohlížeče.
Nelíbí se mi použitý font, mám raději bezpatkové písmo.
Taky to tučné písmo v běžném textu není moc čitelné, zvlášť na čistě bílém pozadí. Na tom bílém pozadí by taky nemusely být odkazy "defaultně" modré, co třeba dát jim podobný (zelenější) odstín, jako v postranních sloupcích? A odkazy v menu by mohly na a:hover něco dělat, aby to bylo zajímavější a přehlednější.
V Mozille ta modrá barva napravo přetéká asi o 2 nebo 3 px do šířky (oproti hlavičce). (btw: mám rozlišení 1024×768)
V postranních sloupcích dole (i v IE6) je taková bílá díra v tmavomodrém podkladu. Nápisy "menu" a "nová pozadí" jsou moc nízko, zasahují dole do světlemodrého.
Až na tyhle technické nedodělky to vypadá docela hezky.
> "Optimalizováno pro Internet Explorer 4+ s rozlišením 800×600 a vyšší"
Ehm, ehm. Tohle už se dneska nenosí... a navíc, v 800×600 mi to stejnak scrolluje do obou směrů, takže to je dělané spíš pro min. 1024×768.
teď ke kódu:
- napsáno přehledně :-)
- není DTD :-(
- metainformace aspoň nějaké
- kód je plný tabulek, <b>, <br>, <font>ů, alignů a takových zastaralých potvor...
- to se mi zdá, nebo tam fakt vůbec není CSS? :-)))
No to se opakuje všude, protože jsem chtěl aby se ten nápis nezmršil v 800x600 takže tam kde je to nesourodé už začíná pozadí, ale je to zaviněné taky tím, že když tam dám obrázek přes celou buňku tam tam stejně ty 3px zůstanou prázdné. S tím mám problémy celkově, protože to odsazení od okrajů stránky taky není úmyslně. Kdybys věděla jak se toho zbavit tak by to bylo super.
Odkazy: Zapracuju na tom :-) CSS ještě nezvládám, z čehož vyplývá že CSS2 tam opravdu taky není :-))
Díra: Od včerejška se snažím přijít jak to odstarnit. Snad se mi to ještě dnes povede. Nápisy v bílém podkladu byly jenom chvilková nepřesnost, teď už by to mělo být O.K. stejně jako přetékání.
DTD ?
DoubleThink:
No jo máš pravdu. Pokusím se to promakat, i když to asi bude chvíli trvat
to odsazení od okrajů okna prohlížeče se dělá takhle:
<style type="text/css">
body {margin:0; padding:0 }
</style>
(vložit do <head></head>)
DTD = document type definition, definice typu dokumentu. To jako jaká verze (X)HTML to je. Bez pořádného DTD ti to mimo jiné nikdy pořádně neproleze validátorem. Piš tam třeba:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
A patří to úplně na první řádek, na absolutní začátek :-)
Díky moc, hned to půjdu otestovat.
DTD - Jo takhle, to je toto! To jsem zrovna nedávno odstranil, protože jsem ani pořádně nevěděl jakou nejvyšší verzi vlastně používám. Myslíš teda, že nic nezkazím, když tam dám to 4.01?
>odsazení od okrajů okna prohlížeče
...teda, kecám. Ne odsazení, ale od-odsazení. :-)
Eagleeye >> 4.01 transitional je nejběžnější "měkká" verze, která ti toho spoustu promine, a přitom to budeš furt mít validní. Napiš to tam, protáhni to validátorem (http://validator.w3.org) a uvidíme.
Freya:
No koukám, že toho mám ještě hodně co opravova. Napočítalo mi to 71 chyb! :-) I když teda hodně z nich bylo, že jsem neuved ALT u pozadí, což si myslím, je opravdu zbytečné, ale jinak tam toho přece jenom bylo požehnaně
:-))))
pred Freyou se tresou i programatori ze seznam.cz :-)))
albertino >> zrovna těm je, myslím, jakýkoli jednotlivý názor úplně šumák... :-)
Eagleeye >> vtip je v tom, že správně by <img> měly být jenom obrázky s nějakou vypovídací hodnotou, pozadí by se měla házet na background, nejlíp v CSS. Nedá to žádnou práci, nauč se to :-)
Freya:
ne, ne, já myslel pozadí jako na mobil
A jak si říkala s tím a:hover, nešlo by to nějak nastavit jako styl pro všechny?
od toho přece CSS je :-)
Když dáš nějaký styl do atributu style přímo u tagu, tak bude jenom pro ten jeden tag.
Ale když to zapíšeš do head, jako jsem ti to ukazovala na tom body, nebo když to přiřadíš jako externí stylesheet, bude to fungovat pro všechny (třeba) odkazy.
Pěkný web. Obzvlášť ta hlavička. Jen dole ti kapńek nesedlo. I když lépe by to mohlo vypadat, kdybys to nedal od kraje ke kraji, ale na střed do zaobleného obdélniku s ponecháním původní grafické upravy obou bočních nabídek. Ale to pouze můj názor. Ale jnak co se týče desingu je to vydařený web.
by Sargas
Tak jsem opravil pár nedodělků a teď už by to mělo:
1) zobrazovat se normálně i při rozlišení 1152x864 (klidně i 1600x1200)
2) už by tam neměl být v mozille ten nesourodý proužek (ani nikde jinde)
3) písmo v hl. buňce už je čitelné + odkazy nejsou defaultně modré
4) díra dole mezi modrými sloupečky konečně odstraněna! :))
5) DTD už tam je ( i když mi to zatím moc na validátoru neberou :-)) a stránka je až k okrajům obrazovky
6) Všechny odkazy už mají reakci při najetí ukazatele myši
Díky všem za rady a výčet chyb :-)
juj, juj...tak jsem tam vlezla v Mozille a je to celé nějaké rozpadlé :-(
(ale ty odkazy jsou povedené! :-))