Diskuze: Pozice

HTML a CSS HTML a CSS Pozice American English version English version

Avatar
mat.masar
Člen
Avatar
mat.masar:

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š
Redaktor
Avatar
Odpovídá na mat.masar
Pavel Mareš:

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í
+1 bodů
Řešení problému
Nahoru Odpovědět  +2 20.1.2015 17:07
Nechci být workoholik. Bohužel někdy musíme být tím, čím nechceme.
Avatar
mat.masar
Člen
Avatar
Odpovídá na Pavel Mareš
mat.masar:

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:

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š
Redaktor
Avatar
Odpovídá na smaley
Pavel Mareš:

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
Nechci být workoholik. Bohužel někdy musíme být tím, čím nechceme.
Avatar
Odpovídá na Pavel Mareš
Michal Šmahel (ceskyDJ):

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:

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š
Redaktor
Avatar
Odpovídá na Tonda Kozák
Pavel Mareš:

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
Nechci být workoholik. Bohužel někdy musíme být tím, čím nechceme.
Avatar
smaley
Člen
Avatar
smaley:

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
Samuel Illo
Redaktor
Avatar
Odpovídá na Pavel Mareš
Samuel Illo :

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
www.samuelillo.com; lamka02sk(zavináč)samuelillo.com, www.point.samuelillo.com, www.csgorig.eu
Avatar
Tomáš123
Člen
Avatar
Tomáš123:

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.