Diskuze: Pozice

Aktivity

mat.masar

Člen

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

Pavel Mareš

Tvůrce

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č

Nahoru Odpovědět

20.1.2015 17:07

Však ono půjde ...

mat.masar

Člen

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é

Nahoru Odpovědět

20.1.2015 17:09

smaley

Člen

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

20.1.2015 17:11

Pavel Mareš

Tvůrce

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

20.1.2015 17:14

Však ono půjde ...

Michal Šmahel

Člen

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.

Tonda Kozák

Člen

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

Pavel Mareš

Tvůrce

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

20.1.2015 17:44

Však ono půjde ...

smaley

Člen

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

Neaktivní uživatel

Tvůrce

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

21.1.2015 9:42

Neaktivní uživatelský účet

Tomáš123

Člen

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

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.