Mikuláš je tu! Získaj 90 % extra kreditov ZADARMO s promo kódom CERTIK90 pri nákupe od 1 199 kreditov. Len do nedele 7. 12. 2025! Zisti viac:
NOVINKA: Najžiadanejšie rekvalifikačné kurzy teraz s 50% zľavou + kurz AI ZADARMO. Nečakaj, táto ponuka dlho nevydrží! Zisti viac:

Diskusia – 19. diel - Fixné menu a pozicionovanie v CSS

Späť

Upozorňujeme, že diskusie pod našimi online kurzami sú nemoderované a primárne slúžia na získavanie spätnej väzby pre budúce vylepšenie kurzov. Pre študentov našich rekvalifikačných kurzov ponúkame možnosť priameho kontaktu s lektormi a študijným referentom pre osobné konzultácie a podporu v rámci ich štúdia. Toto je exkluzívna služba, ktorá zaisťuje kvalitnú a cielenú pomoc v prípade akýchkoľvek otázok alebo projektov.

Komentáre
Posledné komentáre sú na spodnej časti poslednej stránky.
Avatar
Jakub Vanek
Člen
Avatar
Jakub Vanek:10.4.2016 13:04

tak už jsem to vyřešil :)
míšto původního

#center {
        margin: 0px auto;
        width: 960px;
}

jsem použil možnost s paddingem

#center {
        margin: 0px auto;
        padding: 0px 0px 0px 250px
}
Odpovedať
<keep it simple />
Avatar
Tomáš123
Člen
Avatar
Odpovedá na Jakub Vanek
Tomáš123:10.4.2016 16:51

Nemyslím, že uvedená časť kódu rieši tvoj problém. Skôr by pomohlo prvku #center nastaviť šírku 1000px...

Odpovedať
Keby nebolo Internetu Exploreru, nebolo by dnešného internetu.
Avatar
Torhan Michal
Člen
Avatar
Torhan Michal:5.8.2016 15:55

Zdravím Vás mám menší problém.. mám fixní menu..problém je, když shodím okno, tak mi menu lítá i zleva do prava což nechci. Děkuji za tip. mějte se

Avatar
Torhan Michal
Člen
Avatar
Torhan Michal:5.8.2016 16:28

Špatně jsem se vyjádřil posouvá se mi jen obsah v article. menu zůstává na místě a nejde vidět pak celé.. Snad mi někdo rozumí :)

Avatar
NomisCode
Člen
Avatar
NomisCode:26.8.2016 23:07

Pokud nastavíme elementu relativní pozici, můžeme mu v CSS definovat vlastnosti left, right, up a down. Zde můžeme pomocí pixelů nebo procent nastavit o kolik má být element posunutý oproti své originální pozici.

Je zde menší chybička, místo up a down má být top a bottom :)

Avatar
Ondřej Rejmont
Člen
Avatar
Ondřej Rejmont:12.1.2017 21:05

Dobrý den, nevíte co mám dělat, když jsem si u toho odkazu v patičce

<a>Vytvořil &copy;HoBi 2013 pro <a href="http://devbook.cz">DEVBOOK.CZ</a>

udělal toto

footer {
        height: 40px;
        color: white;
    margin: 20px 0 0 30px;
}

footer a {
        color:  #ffbb00;
        text-decoration: none;
}

Tak se mi celý ten text zbarvil na oranžovo místo pouze toho odkazu? Předem děkuji za odpověď.

Avatar
Ondřej Rejmont
Člen
Avatar
Odpovedá na Ondřej Rejmont
Ondřej Rejmont:12.1.2017 21:12

Už jsem to vyřešil. Bylo to tím, že jsem v

<a>Vytvořil &copy;HoBi 2013 pro <a href="http://devbook.cz">DEVBOOK.CZ</a>

Měl přidané to <a>. Správně to má vypadat takto

Vytvořil &copy;HoBi 2013 pro <a href="http://devbook.cz">DEVBOOK.CZ</a>
Avatar
Tomáš Kala
Člen
Avatar
Tomáš Kala:13.1.2017 19:04

Ahoj, mohl by mi někdo prosím poradit? Jak mohu udělat, aby se mi menu takhle nerozjelo po zmenšení okna?

Avatar
Matěj Kubíček
Člen
Avatar
Matěj Kubíček:26.2.2017 20:55

Ahoj všem,
první bych chtěl moc poděkovat a hlavně pochválit všechny tutoriály na tomto webu. Nahlídl jsem již snad skoro do všech kategorií a vše je super.
Obracím se však na všechny s jedním problémem, resp. dvěma. Pokusil jsem se udělat web podle tutoriálu, ale s trochu jiným menu. Ikdyž jsem postupoval vcelku analogicky, tak se mi nepodařilo dostat pozadí střední části až do krajů a ještě se mi nepodařilo vycentrovat menu, které je až pod logem. Přikládám odkaz s celým webem (tedy s layoutem, textů si nevšímejte, nejsou podstatné). WEB
Požádám tedy někoho, kdo by se na to mohl mrknout, zda by se mi ozval a zároveň posoudil celý kód, jestli je tak nějak v pořádku.
Dík za jakoukoliv odpověď.
PS: Vím, že se moderní web asi teď dělá jinak, ale tohle jsou úplné základy, které bych měl asi ovládat, tak se je snažím nějak procvičit.

Avatar
Filip Janhuba
Člen
Avatar
Odpovedá na Matěj Kubíček
Filip Janhuba:5.3.2017 10:01

Pozadím střední části předpokládám myslíš tu tmavší část (background1.png)? V css je u #centrovac, kam patří ta střední část, nastavená pevná šířka 960px což u monitoru s vyšším rozlišením než 960x nebude až do krajů. Ono to menu patří taky do #centrovac a tak se řídí jen podle té pevné šířky.

Tak zkus použít u #centrovac třeba padding jak píše Jakub Vanek pár komentářů zpět. Můžeš také vyzkoušet v CSS vytvořit nový id jen pro menu a to si separátně vycentrovat :)

Pro vliv úpravy na výsledek v reálném čase (pokud již nepoužíváš) se hodí např. https://codepen.io

Posledné komentáre sú na spodnej časti poslednej stránky.
Robíme čo je v našich silách, aby bola tunajšia diskusia čo najkvalitnejšia. Preto do nej tiež môžu prispievať len registrovaní členovia. Pre zapojenie sa do diskusie sa zaloguj. Ak ešte nemáš účet, zaregistruj sa, je to zadarmo.

Zobrazené 10 správy z 181.