Pozadí stránky

díky moc, to už funguje. to se budu muset doučit (to je css3?)

Kdyby se Vám chtělo, tak na dvě věci nemohu přijít.
Když rozkliknu "projekty", tak se menu taky zobrazí ve špatné barvě (to ale snad mohu na základě předchozího dohledat)

Horší jsou vlaječky jazyků nahoře. Pole bylo tak velké, že jsem ho musel zmenšit, protože překrývalo poslední položky horního menu (neviditelně), takže ty nešly vybrat.
Přidal jsem:
ul.lang-inline {
max-width: 200px;
text-align: center;
}

a změnil
#line {
padding: 5px 0 2px 2px;
position: absolute;
right: 10px;
left: 890px;
top: 0.5em;
max-width: 40em;
text-align: right;
min-width: 40em;}

Tím se mi však stane, že když hodně zůžím okno, vyjedou mi vlaječky mimo něj

Nevíte co s tím?

Dá se někde nastavit, kdy se už po zůžení okna objeví dolní posuvník a okno už se nepřizpůsobuje? To by také bylo řešení.

PS omlouvám se za neznalosti, je to můj první projekt v joomle 3

Gradient pozadí je opravdu CSS3. Doporučuji se podívat na nástroj Ultimate CSS Gradient Generator - jednoduše si naklikáte co chcete za gradient a CSS kód se Vám vygeneruje.

Pro zjištění podpory různých CSS3 vlastností je pak ideální Can I Use .

Ono to není tak o Joomle jako o CSS

Při absolutním pozicování nastavujte buď left (vzdálenost levé hrany objektu od levé hrany nadřazeného objektu pro pozicování) NEBO right (vzdálenost pravé hrany od pravé hrany).

Pokud nastavíte nějakému prvku max-width i min-width na stejnou hodnotu, má to stejný efekt jako by jste nastavil přímo width. Navíc používáte pro rozměr hodnotu v jednotkách em - nikdy tedy nevíte jak přesně bude objekt velký.

Mělo by Vám stačit třeba

V CSS ale máte zbytečně obecnou definici #header ul která Vám styluje menu ale i ty jazyky, chtěl by jí to zkonkrétní, a jazyky si nastylovat zvlášť, aby Vám je tato definice neovlivňovala.

em tam bylo, kde to upravuji, měním to na pixely.
nevím, zda to stihnu ještě dnes, ale určitě Váš návod vyzkouším a dám vědět

Tak mi to nedalo a šel to zkusit a studovat. Funguje správně, jen jsem si do header ul doplnil text-align: right;, to lépe vypadá.
To
ul.lang-inline {
text-align: right;
} nefungovalo.
Teď jdu studovat, proč to vlastně mělo být takhle.
Něco takového jako www.jakpsatweb.cz/css/css-vlastnosti-hodnoty-prehled.html (to už mám nastudované) pro css3 asi neni?

Ještě jsem nenašel tu úpravu barvy pozadí podmenu (třeba projekty). Nenaťuknete prosím?