NOVINKA: Získej 40 hodin praktických dovedností s AI – ZDARMA ke každému akreditovanému kurzu!
Mezinárodní den IT společnosti je tady! Pouze nyní můžeš získat 90 % extra kreditů při nákupu od 1199 kreditů s promo kódem AJTACI90. Tak neváhej!

Diskuze: Pozice

V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.

Jak se ti líbí článek?
Před uložením hodnocení, popiš prosím autorovi, co je špatněZnaků 0 z 50-500
Jak se ti kurz líbí?
Tvé hodnocení kurzuZnaků 0 z 50-500
Aktivity
Avatar
mat.masar
Člen
Avatar
mat.masar:20.1.2015 16:54

Ahoj, chtěl jsem na stránkách umístit <div> ale když jsem napsal do css:

.vyhledavac{
width: 400px;
position: right-top;

tak to nefunguvalo... dělá to co jsem chtěl, až když připíšu:

.vyhledavac{
width: 400px;
position: right-top;
margin: 0 0 0 900px;

Pořád nevím, kde dělám chybu, protože vždy, když se něco snažím umístit tak mi to nejde. Zkoušel jsem dát i position: right top nebo right-top ale nic nefunguje.

Editováno 20.1.2015 16:55
 
Odpovědět
20.1.2015 16:54
Avatar
Pavel Mareš
Tvůrce
Avatar
Odpovídá na mat.masar
Pavel Mareš:20.1.2015 17:07

Tak ono jde taky o to, co přesně chceš aby to dělalo. Jako teď si docílil jen oddálení divu zleva o 900px. Předpokládám, že ale chceš něco takového:

.vyhledavac {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 400px;
}

Opravdu absolute s hodnotou right-top nebo right top neexistuje. To je jen u atributu background - popřípadě background-position.

Akceptované řešení
+20 Zkušeností
+2,50 Kč
Řešení problému
Nahoru Odpovědět
+2
20.1.2015 17:07
Však ono půjde ...
Avatar
mat.masar
Člen
Avatar
Odpovídá na Pavel Mareš
mat.masar:20.1.2015 17:09

Aha, tak proto to nefunguje...Tak díky :) Protože s tím marginem to není vůbec programátorské :D

 
Nahoru Odpovědět
20.1.2015 17:09
Avatar
smaley
Člen
Avatar
smaley:20.1.2015 17:11

Co sa tyka position tak ma 4 typy relative absolute static a fixed.

Takze ty pravdepodobne potrebujes nieco take

.vyhledavac {
    position: relative;
    top: 0px; // pocet pixelov zhora
    left: 0px; // pocet pixelov zlava
    width: 400px;
}
 
Nahoru Odpovědět
-1
20.1.2015 17:11
Avatar
Pavel Mareš
Tvůrce
Avatar
Odpovídá na smaley
Pavel Mareš:20.1.2015 17:14

Nerad ti kazím představy, ale dám ti radu. Position s hondnotou relative nejde dát dohromady s top a left - respektive jde, ale je to "prasárna". Jednoduše se to nedělá a vypadá to hnusně.

Nahoru Odpovědět
+1
20.1.2015 17:14
Však ono půjde ...
Avatar
Michal Šmahel
Člen
Avatar
Odpovídá na Pavel Mareš
Michal Šmahel:20.1.2015 17:23

Umisťování relativní pozice se provádí pomocí margin-u. K pozicování jako takovému se používá nejčastěji absolutní pozice, ostatní spíše určují způsob zařazení do stránky. (I pro smaley)

Nahoru Odpovědět
20.1.2015 17:23
Nejdůležitější je motivace, ovšem musí být doprovázena činy.
Avatar
Tonda Kozák
Člen
Avatar
Odpovídá na Pavel Mareš
Tonda Kozák:20.1.2015 17:24

Nemyslím si, že by byla prasárna skládat top/left a position: relative, v některých situacích je to nejlepší řešení. Je ale fakt, že pro vytváření layoutu se to nehodí.

mat.masar
Budeš mít lepší, když použiješ plavání (float).

 
Nahoru Odpovědět
20.1.2015 17:24
Avatar
Pavel Mareš
Tvůrce
Avatar
Odpovídá na Tonda Kozák
Pavel Mareš:20.1.2015 17:44

No znám pár lidí, kteří se zabývají i vývojem HTML5 a od nich se více méně i učím. Den co den koukám na designy (resp kódy) šablon atp. Ona .. jak jsem říkal ... to je "prasárna", ale souhlasím, že se to dá někde použít, ALE přijde mi to jako zbytečnost, když máš position: absolute.

Nahoru Odpovědět
+1
20.1.2015 17:44
Však ono půjde ...
Avatar
smaley
Člen
Avatar
smaley:21.1.2015 6:40

Trocha odbiehate od temy mat.masar chcel vediet inu alternativu ako posunut objekt (nie cez margin) ja netvrdin, ze position relative je nalepsie riesenie ja som len uakzal ze to sa da aj tak...

 
Nahoru Odpovědět
21.1.2015 6:40
Avatar
Neaktivní uživatel
Tvůrce
Avatar
Odpovídá na Pavel Mareš
Neaktivní uživatel:21.1.2015 9:42

Niekedy sa s relativnou pozíciou margin použiť nedá a je nevyhnutné použitie top a podobne. Je to ale veľmi zriedkavá situácia. Pokiaľ sa dá treba použiť margin.

Nahoru Odpovědět
+1
21.1.2015 9:42
Neaktivní uživatelský účet
Avatar
Tomáš123
Člen
Avatar
Tomáš123:27.2.2015 18:26

Pavel Mareš:
Ty toho natrepeš.
Den co den koukám na designy (resp kódy) šablon atp.
Asi pozeráš každý deň na tú istú stránku, ktorá position:relative naozaj nepotrebuje. Obecne sa ale position:relative s vlastnosťami top, či left používa pomerne často. lamka02sk má pravdu.

ALE přijde mi to jako zbytečnost, když máš position: absolute
Asi nepoznáš rozdiel. V žiadnom prípade to nie je náhrada za position: relative. Keď si túto problematiku lepši naštuduješ, budeš môcť smaleyqovi poradiť pravdivejšie.

Tonda Kozák:
Float a position nie je to isté. Ich použitie je určené situáciou.

mat.masar:
Použitie marginu je často programátorskejšie (html ani css nie sú programovacie jazyky) ako poziciovanie. Nie je správne voliť riešenie podľa zdanlivej používanosti či zložitosti prevedenia.

Nahoru Odpovědět
-1
27.2.2015 18:26
Keby nebolo Internetu Exploreru, nebolo by dnešného internetu.
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 11 zpráv z 11.