prvni pokus s css

trantier: Pokud se CSS učíš, tak se jedná o velmi poctivou práci, gratuluji.

Chybky jsem po velmi zběžném prohlédnutí objevil jen dvě:

margin: 0 0 0 200px; se běžně zapisuje jako margin-left: 200px;

font-size: 12; - tady chybí jednotky, bezrozměrné číslo není tuším vůbec platnou hodnotou

Dero
margin: 0 0 0 200px; se běžně zapisuje jako margin-left: 200px;

Je zbytecny to vypichovat, kdyz nejde o zadnou chybu ani nedostatek.

a ešte by som odporučil bodkočiarku (středník sa to asi volá po česky) dávať na konci vlastnosti
display: none - napr. tu chýba

trantier
jenom malicke doporuceni. Neni nutne u temer vsech objektu psat margin: 0 a padding: 0, vyhodnejsi je do kodu pripsat
* {margin: 0; padding: 0]
A tyto hodnoty plati pro vsechny objekty pokud jim primo nenastavis jinak.

Railbot:
Je zbytecny to vypichovat, kdyz nejde o zadnou chybu ani nedostatek.

tak bych rad vedel kde by se to dalo delat lepe... lepsim zapisem apod. dekuji

Jen jsem vypíchl lepší zápis, přesně jak tazatel chtěl.

Dero
Jen jsem vypíchl lepší zápis, přesně jak tazatel chtěl.

A v cem je lepsi? To by me zajimalo :)

A v cem je lepsi? To by me zajimalo :)

1) sémanticky - název vlastnosti říká přesně, co nastavuje

2) psychologicky - člověk hned vidí, kterou hodnotu ovlivňuje, u sdruženého zápisu začátečníci často nevědí, kde je napravo, nahoře apod. I těm lepším se to tu a tam plete.

3) datově - úspora jednoho bajtu

4) kaskádově - sdružený zápis ostatní marginy vynuluje, mnou uvedený zápis pouze nastaví příslušnou hodnotu a ostatní nechá, jak jsou

k tomu margin: 0 0 0 200px:

Někdy je to potřeba. Třeba

p {margin:10px 10px 10px 300px;}
p.special {margin:0 0 0 200px;}

Neříkám že je to tento případ, do kódu jsem nekoukal.

Dero
4. len či presne chce to čo ty myslíš... :-) To len taký detail...

Ke kritizovanému webu:
Název id levypanel zkusil bych vhodnější (třeba menu), levý panel je to nyní, v případě redesignu se může dostat v pravo a pak je to trošku zavádějící.

Přijde mi zbytečné:

<div id="hlavicka">

               <h1>wg škola a univerzita - seznamy, poznámky...</h1>

        </div>

Totéž by šlo, podle mě, pouze s H1 (diplay: block; ....)

Použití matrjošky pro sjednocení box modelů:
Ano, v XHTML 1.0 Strict to bez použití CSS hacků to snad ani jinak nejde. Ale nešlo by na to jít od lesa? Třeba takové HTML 4.01 Transitional bez URI? To jen tak úplně na okraj, aby řeč nestála :-))

Místo následující konstrukce:

  <div id="seznam">

  <li>zařadit informace o projektu do oficiálního heplu</li>

  <li>domlouvací fórum a alianční archiv pro aliance aby se lépe učilo, organizovalo...</li>

  <li>přísnější registrace a povinnosti učitele - dohled nad prací učitele a zamezení možného zneužití výhod</li>

  <li>pro zájemce-žáky do univerzity vypracovat přihlašovací formulář -> vnikne seznam uchazečů kterým si učitelé mohou filtorvat dle kritérií. Podobně jako dnes seznamem nováčky. Obdobně by to bylo i s případnými zájemci</li>

  <li>vytvoření vazeb mezi aliancemi a vytvořit funkční obdobu paktu, který je ve hře</li>

  </div>

by bylo lepší (sémantičnější a validnější):

  <ul id="seznam">

  <li>zařadit informace o projektu do oficiálního heplu</li>

  <li>domlouvací fórum a alianční archiv pro aliance aby se lépe učilo, organizovalo...</li>

  <li>přísnější registrace a povinnosti učitele - dohled nad prací učitele a zamezení možného zneužití výhod</li>

  <li>pro zájemce-žáky do univerzity vypracovat přihlašovací formulář -> vnikne seznam uchazečů kterým si učitelé mohou filtorvat dle kritérií. Podobně jako dnes seznamem nováčky. Obdobně by to bylo i s případnými zájemci</li>

  <li>vytvoření vazeb mezi aliancemi a vytvořit funkční obdobu paktu, který je ve hře</li>

  </ul>

Pokud se ovšem týká práce začátečníka, hodnotím celek dobře, jenom mi trochu nesedí barevné ladění webu, ale to je dost subjektivní názor.

Neříkám že je to tento případ, do kódu jsem nekoukal.
4. len či presne chce to čo ty myslíš... :-) To len taký detail...

habendorf, tiso: Já jsem koukal a podle toho jsem napsal, co jsem napsal. Nebylo třeba nulovat.

font-family: verdana, arial;
Měl bys přidat generické písmo: font-family: verdana, arial, sans-serif;

<hr> - v XHTML <hr />

Dero
Dobra. Sam jiste ale uznas, ze to jsou "vyhody" ponekud nicotne a bezvyznamne, ale jsou tam, budiz. Diky za info ;)

Sam jiste ale uznas, ze to jsou "vyhody" ponekud nicotne a bezvyznamne

No, tak to právěže neuznám. Můžeš provést malou anketku, komu nastíněné výhody přijdou bezvýznamné, ať se nehádáme.

Railbot
Anketu jsi sice ještě nezadal :-) Každopádně musím souhlasit s Derem. Zápis s margin-left mi připadá mnohem přirozenější a přehlednější.

A já nesouhlasím s Derem :-). Respektive jak se to veme:

Za předpokladu, že existuje reálná šance, že ty tři předchozí hodnoty budu někdy chtít změnit, přijde mi výhodnější napsat tam rovnou všechny (margin: 0 0 0 200px;) a pak přepsat jen jedno čísílko než případně někdy dopisovat margin-top.

Když už jsme u těch zápisů marginu a podobných vlastností (teďka mě napadá jen padding), který z těchto dvou zápisů je správný, nebo vám připadá lepší?

První:
margin: 10px;
margin-left: 20px;

Druhý:
margin: 10px 10px 10px 20px;


Na první mě vždycky upozorňoval CSS validátor (ten od W3C), tak bych rád věděl, jestli je opravdu špatný.

Ještě se kouknu na kód:

<!-- ?xml version="1.0" encoding="windows-1250"? --> => tohle tam je proč?
<ul> <li>(...)</li><hr><li></li></ul> => jednak neuzavřené hr a pak v seznamu může být pouze odrážka, čára by tam být neměla
<div id="seznam"><li>(...) => zajímavé :-). <li> zase pro změnu může být jen v seznamu, proč tam nemáš normálně <ul id="seznam">? (jinak když dáš menu do <menu> a seznam do <ul>, nebudou třeba žádné speciální třídy a idenitifikátory)

1) sémanticky - název vlastnosti říká přesně, co nastavuje
souhlas

2) psychologicky - člověk hned vidí, kterou hodnotu ovlivňuje, u sdruženého zápisu začátečníci často nevědí, kde je napravo, nahoře apod. I těm lepším se to tu a tam plete.
Vidím hodnoty pěkně vedle sebe, navíc se mi lépe odlaďuje vzhled.

3) datově - úspora jednoho bajtu
Zanedbatelné, o bottom nemluvě, to už můžu šetřit na koncových střednících ;-) Co tak použít LF konce řádků, to je taky úspora.

4) kaskádově - sdružený zápis ostatní marginy vynuluje, mnou uvedený zápis pouze nastaví příslušnou hodnotu a ostatní nechá, jak jsou
Nechápu, margin, padding se nedědí.

Radek Hrabůvka: ad 4) myslím že Dero tím myslel přesně to, na co jsem upozorňoval já výše.

habendorf: Potvrzuji.

habendorf, Dero
Rozumím, v případě kontextového selektoru jsem pro zápis margin-strana, je to podlé mého výhodnější. Šlo by to sice napsat:
p.special {margin:10px 10px 10px 200px;
ale proč to mít (zbytečně) na dvou místech, když nemusím.

Pokud mohu vstoupit do diskuse kolem margin-left, musím, ač nerad s Derem nesouhlasit.
U jednoduchého CSS stylu se to dá použít bez problémů. U stylu třeba pro eshop,
který má kolem 1300 řádků se mi vyplatí věci týkající se okrajů nebo výplní (margin a padding) uvádět právě tak, jak uvádí Habendorf.

Tedy lépe deklarovat margin: 0 0 0 200px, než margin-left: 200px.
Z datového hlediska je rozdíl bezvýznamný, z hlediska toho, že si občas potřebuji
být jist, že všechny marginy mám nulové (což ale někde v houštině předešlých
deklarací být pravda nemusí - prostě se mi může stát,
že někde mám deklarováno něco jiného a protože každý web se vyvíjí a
s tím i jeho styl, nutně občas ztratíte přehled), je to mnohem lepší a pohodlnější řešení.
Což je jenom můj skromný názor podložený ale praxí.

Tak jsem rad, ze zkraceny zapis, jehoz jsem zastancem, byl dostatecne podporen i z rad profesionalu :)

Já mám také raději zkrácené zápisy, pokud jimi nepřebíjím méně specifické neposilněné definované žádoucí nenulové hodnoty.

Reaguji na Timyho:
„<!-- ?xml version="1.0" encoding="windows-1250"? --> => tohle tam je proč?“
Protože jedna paní povídala.

Chamurappi
Chci se zeptat, bylo by možné přepsat vyrobené stránky v Publisheru ručně a kolik by to stálo. Je ta 7 stran. Díky

Reaguji na Stáňu:
To už se dostáváme úplně mimo téma. Nicméně jsem poctěn, že míříš přímo takhle na mě :-)
Ano, bylo by to možné. Peníze chtít nebudu. Ozvu se.

Chamurappi
Vis co se rika? Kazdy dobry skutek musi byt po zasluze potrestan. Co by se tak mohlo stat? Vsichni zacnou pouzivat XHTML 1.1 :))) Stejne pujdes do pekla za rouhani se proti vsemocnemu W3C :p