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
Matěj Kubíček
Člen
Avatar
Odpovídá na Filip Janhuba
Matěj Kubíček:5.3.2017 17:50

Díky za odpověď. Po dlouhém bádání se mi to nakonec podařilo vyřešit, myslím menu, právě tím obalením do dalšího elementu a jeho následným vycentrováním. Každopádně jsem během dalšího sebevzdělávání narazil na flexbox a jeho další funkce a musím říct, že s tím se mi pracuje o mnoho lépe. Ještě jednou díky. Jsem na úplném začátku a tak vím, že je toho ještě mnoho a mnoho, co se budu muset naučit. Myslím, že budu stále přicházet na další a další zlepšováky a usnadnění práce.

 
Odpovědět
5.3.2017 17:50
Avatar
Jan Harvalík
Člen
Avatar
Odpovídá na Jakub Vanek
Jan Harvalík:12.7.2017 23:27

Mám úplně stejný problém a nemohu ho vyřešit i zápis je téměř stejný. Prosím o radu děkuji.

 
Odpovědět
12.7.2017 23:27
Avatar
Jan Harvalík
Člen
Avatar
Jan Harvalík:12.7.2017 23:31

Header se mi zobrazuje nad section a ne vedle ní děkuji. Vím, že už se to tu řešilo ale dané rady sice pomohli, ale ne optimálně.

<article>
<div id="center">
<header>
<h1>O mně</h1>
</header>

<section>
<p>Vítejte na mém prvním webu, psát weby se teprve učím, ale myslím, že mi to docela jde.</p>
<p class="centrovany">

</p>

<p><img src="obrazky/a­vatar.png" alt="Programátor HoBi" class="vlevo" style="border-radius: 500px" />Jmenuji se Jakub Vanek a je mi 20 let. Chodím už do práce, jsem zaměstnaný jako kontrolor kvality v Treboplastu.</p>
<p>Rád poslouchám hudbu a někdy (hlavně v létě) i sportuju.</p>
<div class="clear"></div>
<p>Mým hlavním koníčkem (a doufám že jednou i zaměstnáním) je <strong>progra­mování</stron­g>!</p>

<p>Tato stránka je vytvořena podle HTML tutoriálů na <a href="http://­www.devbook.cz" target="_blan­k">devbooku</a>­.</p>
</section>
<div class="clear"></div>
</div>
</article>
CSS:

header {
height: 74px;
}
.centrovany {
text-align: center
}
article {
background: url('obrazky/bg­.png');
padding: 30px 0px;
}
article header {
width: 250px;
float: left;
}
article section {
width: 706px;
float: left;
background: white;
border: 2px solid #006797;
border-radius: 10px;
box-shadow: 2px 2px 5px #1c2228;
padding: 20px;
}
.clear {
clear: both
}
#center {
margin: 0px auto;
width: 960px;
}
.vlevo {
float: left;
}

 
Odpovědět
12.7.2017 23:31
Avatar
Ernest Kuki
Člen
Avatar
Ernest Kuki:29.9.2017 14:30

Ahoj,
nemohl by mi nekdo poradit s tou patickou?
Pochybuju o tom ze jsem footer nenapsal do toho css souboru spravne ..
Ale vubec mi nereaguje na prikazy.
Kdyz jsem ho zapsal poprve tak bylo vse bez problemu .. ale hned po restartovani PC mi prestal spolupracovat .. nechce menit barvu, pozici proste nic =X
(uz jsem byl tak zoufalej ze jsem ho jen prekopiroval .. ale ani tak se nehne)

Predem dekuji.

Odpovědět
29.9.2017 14:30
Najdi co tě baví a nech ať tě to zabije..
Avatar
Honza Bittner
Tvůrce
Avatar
Odpovídá na Ernest Kuki
Honza Bittner:29.9.2017 14:46

No, mohl bys nám ukázat kód, abychom vůbec věděli, co děláš. Zkus to dát třeba na http://codepen.io nebo tak něco.

Odpovědět
29.9.2017 14:46
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Avatar
Ernest Kuki
Člen
Avatar
Odpovídá na Honza Bittner
Ernest Kuki:29.9.2017 17:23

Omlouvam se za otravovani.. zmenil jsem editor a najednou jde vse zase tak jak ma =)

Odpovědět
29.9.2017 17:23
Najdi co tě baví a nech ať tě to zabije..
Avatar
Jiří Jirout
Člen
Avatar
Jiří Jirout:18.12.2017 16:36

Zdravím mohl by mi někdo poradit jak udělat třeba tu navigaci do sloupce a zarovnat doleva.Třeba jako na téhle stránce https://ctrlv.cz/NJdw .Vím že je to zastaralé ale zajímalo by mě jak by se to udělalo.

 
Odpovědět
18.12.2017 16:36
Avatar
Jan Lupčík
Tvůrce
Avatar
Odpovídá na Jiří Jirout
Jan Lupčík:18.12.2017 16:46

Máš 2 možnosti:

  1. Tomu sloupci nastavit float: left; stejně jako tomu obsahu.
  2. Použít flexbox. Tohle je ta lepší varianta. Doporučuji si o tom něco přečíst, vždy se ti to bude hodit. :)
Odpovědět
18.12.2017 16:46
TruckersMP vývojář
Avatar
Jiří Jirout
Člen
Avatar
Odpovídá na Jan Lupčík
Jiří Jirout:18.12.2017 16:52

Díky ulehčil jsi mi práci už mě z toho bolela hlava jak sem na tom přemýšlel :D

 
Odpovědět
18.12.2017 16:52
Avatar
Martin Patočka
Člen
Avatar
Odpovídá na 1Pupik1989
Martin Patočka:12.2.2018 12:16

Pomohlo mi to také, děkuji :)

 
Odpovědět
12.2.2018 12:16
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.