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
mkores.mk
Člen
Avatar
Odpovídá na 1Pupik1989
mkores.mk:23.4.2014 16:37

Ten header má být vně articlu (chtěl bych nalevo z article header udělat další navigační menu, které by se ovšem otevřelo až po rozkliknutí nav1, nav2 nebo nav3)

Právě to je ten problém, i když article header má float:left, pořád je na articlem

Editováno 23.4.2014 16:37
 
Odpovědět
23.4.2014 16:37
Avatar
1Pupik1989
Člen
Avatar
Odpovídá na mkores.mk
1Pupik1989:23.4.2014 16:50

On není nad articlem. On je za articlem. article musíš odsadit minimálně o šířku toho headeru.

article header {
  width: 250px;
  float: left;
}
article section {
  width: 666px;
  margin-left:250px;
}

Nebo další možnost je dát "article section" overflow:hidden místo levého marginu.

 
Odpovědět
23.4.2014 16:50
Avatar
mkores.mk
Člen
Avatar
Odpovídá na 1Pupik1989
mkores.mk:23.4.2014 17:08

Ok, nastavil jsem article section margin-left:250px.

Proč se mi to takto odsadí až skoro úplně doprava?

overflow:hidden - nereaguje, je to pořád stejné (minulý obrázek)

 
Odpovědět
23.4.2014 17:08
Avatar
1Pupik1989
Člen
Avatar
Odpovídá na mkores.mk
1Pupik1989:23.4.2014 17:41

Odsadí ti to, protože máš nadřazený element o velikosti 800px a vycentrovaný. Pokud chceš mít header vlevo, pak nesmí být uvnitř divu s id centrovac. Takto se vycentruje celý ten střed.

http://uloz.to/…/devbook-zip

Editováno 23.4.2014 17:42
 
Odpovědět
23.4.2014 17:41
Avatar
mkores.mk
Člen
Avatar
Odpovídá na 1Pupik1989
mkores.mk:23.4.2014 17:58

Díky moc! :)

Editováno 23.4.2014 17:59
 
Odpovědět
23.4.2014 17:58
Avatar

Člen
Avatar
:24.5.2014 22:32

Ahoj,
potřeboval bych poradit jak vycentrovat položky v horní černé liště. Dík

 
Odpovědět
24.5.2014 22:32
Avatar
nosekt
Člen
Avatar
Odpovídá na
nosekt:24.5.2014 22:41

Klidně můžeš bejt konkrétnější

 
Odpovědět
24.5.2014 22:41
Avatar

Člen
Avatar
Odpovídá na nosekt
:24.5.2014 22:55

Zkratka mam podibny web, kde je stejna horni navigacni lista jako zde, pouze v ni neni logo jako zde. Je take resena necislovanym seznamem. A chtel bych aby se ty polozky nezarovnavali k levemu okraji listy, ale byly na presnem stredu listy. Lista resp. Tag header ma nastavenou sirku 100%.

 
Odpovědět
24.5.2014 22:55
Avatar
nosekt
Člen
Avatar
nosekt:24.5.2014 23:18

Položkám seznamu, tzn. <li> smaž float: left; a nastav jim display: inline;.
Celému seznamu <ul> pak nastav text-align: center;

To by mělo fungovat

 
Odpovědět
24.5.2014 23:18
Avatar

Člen
Avatar
Odpovídá na nosekt
:25.5.2014 7:38

Dík moc! Problém byl v tom že jsem neznal display: inline;, takhle už vše funguje.

 
Odpovědět
25.5.2014 7:38
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.