HALLOWEEN JE TADY: Získej 66 % extra kreditů zdarma při nákupu od 1199 kreditů s promo kódem NEBOJSEIT66. Zjisti více:
NOVINKA: Začni v IT jako webmaster s komplexním akreditovaným online kurzem Tvůrce WWW stránek. Zjisti více:

Diskuze – Lekce 15 - Rámeček a boxmodel v CSS

Zpět

Upozorňujeme, že diskuze pod našimi online kurzy jsou nemoderované a primárně slouží k získávání zpětné vazby pro budoucí vylepšení kurzů. Pro studenty našich rekvalifikačních kurzů nabízíme možnost přímého kontaktu s lektory a studijním referentem pro osobní konzultace a podporu v rámci jejich studia. Toto je exkluzivní služba, která zajišťuje kvalitní a cílenou pomoc v případě jakýchkoli dotazů nebo projektů.

Komentáře
Avatar
cmaja
Člen
Avatar
cmaja:22.12.2013 20:21

Stáhl jsem si kód z tohoto tutoriálu, ale musím říct, že v prohlížeči firefox v26.0 nefunguje správně, obrázek je na konci. Mně to právě dělalo taky, tak jsem si stáhl kód a tam je to stejné. V IE to funguje správně, ale tento prohlížeč nepoužívám. Chyba nastane, jakmile se přidá do článku rámeček.

Editováno 22.12.2013 20:25
Odpovědět
22.12.2013 20:21
"Jen dvě věci jsou nekonečné - vesmír a lidská hloupost. Tím prvním si ovšem nejsem tak jist" ALBERT EINSTEIN
Avatar
cmaja
Člen
Avatar
Odpovídá na cmaja
cmaja:23.12.2013 12:50

Omlouvám se za otravování, problém je mezi židlí a klávesnicí :)
Teprve se programování učím, měl jsem prohlížeč na jedné polovině monitoru a na druhé PSPad, abych viděl hned reakci. A to byl právě ten problém, jakmile jsem prohlížeč roztáhl na celou obrazovku hned to fungovalo jak má.

Ale přece jen bych měl otázku: Jde to optimalizovat tak, aby se vždy šířka upravila podle šířky otevřeného prohlížeče? Místo px jsem zkoušel %, ale to nepomohlo pokud jsem prohlížeč zmenšil, tak se to celé zmršilo, jak je výše na obrázku.

Odpovědět
23.12.2013 12:50
"Jen dvě věci jsou nekonečné - vesmír a lidská hloupost. Tím prvním si ovšem nejsem tak jist" ALBERT EINSTEIN
Avatar
David Hartinger
Vlastník
Avatar
Odpovídá na cmaja
David Hartinger:23.12.2013 12:55

Dále v seriálu se webu myslím nastaví pevná šířka, takže se již takhle nerozsype. Další optimalizací by byl responzivní design přes mediaquery, ale to je nad rámec tohoto seriálu.

Odpovědět
23.12.2013 12:55
New kid back on the block with a R.I.P
Avatar
mkores.mk
Člen
Avatar
mkores.mk:18.4.2014 21:00

Ahoj, mám takový menší problém.

Když v CSS nastavuji v article > section padding a rozepíšu si ho na 4 hodnoty v jedném řádku (tedy horní vnitřní okraj, levý, pravý a dolní), tak všechny reagují na změny nastavení px až na pravý, u něj když nastavím odsazení třeba 500px, nic se nezmění. Máte někdo představu, co by mohlo ještě ovlivňovat funkčnost tohoto nastavení?

 
Odpovědět
18.4.2014 21:00
Avatar
Michal Štěpánek
Člen
Avatar
Michal Štěpánek:19.4.2014 5:57

A nemůže to být tím, že nastavuješ "jiný" okraj? Okraje by měly být uvedeny v pořadí horní, pravý, dolní, levý (jak je uvedeno výše v článku...)

Odpovědět
19.4.2014 5:57
Nikdy neříkej nahlas, že to nejde. Vždycky se totiž najde blbec, který to neví a udělá to...
Avatar

Člen
Avatar
:25.6.2014 13:03

Tak jsem zjistil, že výše popsaná úprava obrázku (zakulacení) neplatí pro obrázky s příponou gif. Tipuji si, že řešení je např. použitím příkazu v css.

 
Odpovědět
25.6.2014 13:03
Avatar
yenko
Člen
Avatar
yenko:13.8.2014 22:03

Myslím, že jde taky u těch paddingů pokud jsou všechny "mezery" stejné nastavit jen jednu hodnotu př.: padding 10px; a tuhle hodnotu mají jak top, left, right, bottom. :)

 
Odpovědět
13.8.2014 22:03
Avatar
yenko
Člen
Avatar
yenko:13.8.2014 22:08

Pardon za spam, funguje to i u margin tak ať to nemusíte zbytečně rozepisovat :-)

 
Odpovědět
13.8.2014 22:08
Avatar
luky.b
Člen
Avatar
luky.b:3.1.2015 14:22

Dobrej, můžu opět dotaz ? :D
Řekněme že chci nastavit border barvu toho noise generator souboru, jak na to ? :O zkousel jsem rozepsat border width style color a do color dat cestu ale nejde to :/ nevite nekdo ? moc by to pomohlo :O

 
Odpovědět
3.1.2015 14:22
Avatar
vosa53
Člen
Avatar
Odpovídá na luky.b
vosa53:3.1.2015 14:46

Sice jsem to nezkoušel, ale zkus tohle: http://www.w3schools.com/…er-image.asp

 
Odpovědět
3.1.2015 14:46
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 10 zpráv z 115.