Tato kapitola je věnovaná pozicování tedy lépe řečeno úpravy pozic objektů. Zda jsou objekty pozicovány absolutně tedy lépe řečeno že na oněch souřadnicích zůstane za každého případu nebo pozice relativní a mnohé další.
|
Popis: |
Parametr: |
Příklad: |
Výsledek: |
| absolutní |
Nastaví pevnou neboli absolutní pozici horního rohu objektu a pomocí parametrů letf a top nastavíme pozici od levého a horního okraje |
position:absolute; left: xxx; top: xxx |
style="position: absolute; left: 603px; top: 400px" |
pozicovaný text |
| relativní |
relativní pozicování se často využívá u obrázků jsou-li odkazem, po najetí kurzoru se posunou dolů |
position: relative; top: xxx; left: xxx |
<style>A:hover{position: relative; top: 2px}</style> |
 |
| z-index |
Velmi dobrá věcička , jde o to, že si můžete nastavit, aby se texty překrývaly |
z-index: číslo |
|
|
| visibility |
Mělo by sloužit jako u formulářového pole type="hidden" |
visibility: inherit| visible| hidden |
|
|
| overflow |
Používáme v případě, že jsme nějakému objektu dali málo místa, tak poté bude lépe nastavit, jak se má chovat jestli, přetékat, rolovat, auto |
overflow: none| hidden| scroll| auto |
style="width: 50px; height: 25px; overflow: scroll| auto; border: 1px gray solid" |
scroll scroll
auto automobil
|
| clip |
Slouží k oříznutí objektu, třeba když nechcete aby bylo na fotce něco. Je ale nutné přidat velikosti a absolutní polohu |
clip: auto| rect(top right bottom left) |
style="clip: rect(6px 70px 30px 3px); width: 200px, height: 100px ; position: absolute"" |
ořezaný text
můžete řezat i obrázky
Ořezaný text |
