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
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
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
děkuji moc ;) jdu zkoušet..
Miloš
Profil
Shadowek:
Background-image pozicováním??? //zasekl se mi otazník :-O
Bubák
Profil
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
Miloš
Oj omlouvám se ten druhý dotaz jsem špatně pochopil O:-)
Miloš
Profil
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
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;
}

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: