Autor | Zpráva | ||
---|---|---|---|
revital Profil |
Zdravím,
Chtěl bych se zeptat na pár věcí v css. Možná je tosměšné, ale nějak jsem nezaregistroval tohle: Máte například vlastnost vnitřního okraje > padding: 6px 21px 9px 12px; Chci se zeptat, co přesně znamenají jednotlivé hodnoty? Jak to jde v pořadí jestli dole, nahoře apod. Ještě jedna otázka. Když chci nastavit pozadí např. body { color: #578422; font-family: Arial, Helvetica, sans-serif; background: url(neco.png) no-repeat a chci, aby se obrázek pohyboval v hodnotách uvedených výše. Například aby obrázek byl uprostřed a se shora nějakou hodnotou odsazen například. Samozřejmě bych si design kódoval dle potřeby. Nevím přesně zápis mého požadavku. Děkuji za odpovědi! |
||
Shadowek Profil |
#2 · Zasláno: 21. 8. 2009, 20:30:42
Tvuj první dotaz ...
jde to od vrchu po směru hodinových ručiček takže 6=top 21=right 9=bottom 12=left A druhý asi nejspíš pozicováním http://www.jakpsatweb.cz/css/css-pozicovani.html |
||
Miloš Profil |
#3 · Zasláno: 21. 8. 2009, 20:31:50
shora po směru ručiček:
4 hodnoty: top right bottom left 3 hodnoty: top right=left bottom 2 hodnoty: top=top right=left background-position: center 20px; (první je pozice vodorovná, druhá je svislá) |
||
revital Profil |
#4 · Zasláno: 21. 8. 2009, 20:33:15
děkuji moc ;) jdu zkoušet..
|
||
Miloš Profil |
#5 · Zasláno: 21. 8. 2009, 20:33:37
Shadowek:
Background-image pozicováním??? //zasekl se mi otazník :-O |
||
Bubák Profil |
#6 · Zasláno: 21. 8. 2009, 20:34:51
http://www.jakpsatweb.cz/css/padding.html
http://www.jakpsatweb.cz/css/css-jednotky.html Pozadí: Můžeš deklarovat jednotlivé vlastnosti background samostatně: body { background-image: url(neco.png) backkground-position: 50px 200px; background-repeat: no-repeat; } Nebo hromadně: body { background: url(neco.png) 50px 200px no-repeat; } „Že by nějaký scroll? :) to je asi blbost.“ Někdo chce scroll, někdo nechce scroll, ale význam to má jen u elementů se skrolovátkem (hezké "české" slovo), což body většinou je. Vyzkoušej. |
||
Shadowek Profil |
#7 · Zasláno: 21. 8. 2009, 20:38:24
Miloš
Oj omlouvám se ten druhý dotaz jsem špatně pochopil O:-) |
||
Miloš Profil |
#8 · Zasláno: 22. 8. 2009, 00:13:57
revital:
ještě jsem zapomněl na zápis s jednou hodnotou, například takto: #kravina {padding: 5px;} V takovém případě bude 5px na všech 4 stranách. |
||
Bubák Profil |
#9 · Zasláno: 22. 8. 2009, 12:05:30 · Upravil/a: Bubák
„ještě jsem zapomněl na zápis s jednou hodnotou“
Specifikace dovoluje pro zápis stran zapsat jednu, dvě, tři, nebo čtyři hodnoty (řazeno podle složitosti na pochopení): - jedna hodnota: platí pro všechny strany - čtyři hodnoty: platí pro všechny strany postupně, od horní ve směru hodinových ručiček, takže horní pravá, dolní, levá strana - dvě hodnoty: platí pro všechny strany postupně, ale "chybějící" hodnoty se vezmou z protilehlé strany, jednoduše, prví hodnota je pro horní a dolní stranu, druhá je pro pravou a levou stranu - tři hodnoty:platí pro všechny strany postupně, ale "chybějící" hodnota levé atrany se vezme protilehlé pravé strany Pokud ti to zní složitě a chceš si to taději vyzkoušet, zkus (doporučuji v prohlížeči Opera nebo Chrome) do stránky CSS Selector Shell vložit nástedující kód a otestuj si, jaké výsledné CSS vidí prohlížeč: #kravina1 {padding: 1em;} #kravina2 {padding: 1em 2em;} #kravina3 {padding: 1em 2em 3em;} #kravina4 {padding: 1em 2em 3em 4em;} Dodatek, pro zajímavost, jak v CSS Selector Shell vidí výše uvedený kód Chrome (Opera vidí totéž, ale nedělá za posledním pravidlem středník): #kravina1 { padding-top: 1em; padding-right: 1em; padding-bottom: 1em; padding-left: 1em; } #kravina2 { padding-top: 1em; padding-right: 2em; padding-bottom: 1em; padding-left: 2em; } #kravina3 { padding-top: 1em; padding-right: 2em; padding-bottom: 3em; padding-left: 2em; } #kravina4 { padding-top: 1em; padding-right: 2em; padding-bottom: 3em; padding-left: 4em; } |
||
Časová prodleva: 15 let
|
0