NOVINKA: Získej 40 hodin praktických dovedností s AI – ZDARMA ke každému akreditovanému kurzu!
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.

Diskuze – Lekce 19 - Fixní menu a pozicování v CSS

Zpět

Upozorňujeme, že diskuze pod našimi online kurzy jsou nemoderované a primárně slouží k získávání zpětné vazby pro budoucí vylepšení kurzů. Pro studenty našich rekvalifikačních kurzů nabízíme možnost přímého kontaktu s lektory a studijním referentem pro osobní konzultace a podporu v rámci jejich studia. Toto je exkluzivní služba, která zajišťuje kvalitní a cílenou pomoc v případě jakýchkoli dotazů nebo projektů.

Komentáře
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
}
Odpovědět
10.4.2016 13:04
<keep it simple />
Avatar
Tomáš123
Člen
Avatar
Odpovídá 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...

Odpovědět
10.4.2016 16:51
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

 
Odpovědět
5.8.2016 15:55
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í :)

 
Odpovědět
5.8.2016 16:28
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 :)

 
Odpovědět
26.8.2016 23:07
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ěď.

 
Odpovědět
12.1.2017 21:05
Avatar
Ondřej Rejmont
Člen
Avatar
Odpovídá 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>
 
Odpovědět
12.1.2017 21:12
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?

 
Odpovědět
13.1.2017 19:04
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.

 
Odpovědět
26.2.2017 20:55
Avatar
Filip Janhuba
Člen
Avatar
Odpovídá 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

 
Odpovědět
5.3.2017 10:01
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 10 zpráv z 181.