Pozadí stránky

Odpověď od Ernst
02. pro 2014 22:41 - 02. pro 2014 22:44 #119191
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

Pro možnost přispívání do fóra je nutné: Přihlásit se nebo Vytvořit účet.

Odpověď od Cony
02. pro 2014 23:08 #119192
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 .

Pro možnost přispívání do fóra je nutné: Přihlásit se nebo Vytvořit účet.

Odpověď od Cony
02. pro 2014 23:23 #119193
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
#line {
padding: 5px 0 2px 2px;
position: absolute;
right: 10px;
top: 0.5em;
min-width: 200px;
}
ul.lang-inline {
text-align: right;
}

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.
Poděkovali: Ernst

Pro možnost přispívání do fóra je nutné: Přihlásit se nebo Vytvořit účet.

Odpověď od Ernst
03. pro 2014 00:25 #119195
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

Pro možnost přispívání do fóra je nutné: Přihlásit se nebo Vytvořit účet.

Odpověď od Ernst
03. pro 2014 02:08 #119200
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?

Pro možnost přispívání do fóra je nutné: Přihlásit se nebo Vytvořit účet.