NOVINKA - Online rekvalifikační kurz Python programátor. Oblíbená a studenty ověřená rekvalifikace - nyní i online.
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
Lukáš Kučavík
Člen
Avatar
Odpovídá na Lubor Pešek
Lukáš Kučavík:30.12.2022 14:36

Vyřešil jsem tak, že jsem nastavil line-hight na 1.3em. Tím zmenším odskod mezi písmeny na minimum, ale stále nechávám mezeru pro podtržení. Viz:

nav ul li {
    padding: 0 25px;
    margin: 0 5px;
    font-size: 1.5em;
    **line-height: 1.3em;** původně 4.3em
}

No a podtržení jsem dal blíže ke slovům hlavičky tak, že jsem smazal za mě zbytečný padding.

nav ul a {
    color: #70B73A;
   ** padding: 8px 0;** vymazáno
    text-decoration: none;
    text-transform: uppercase;

Samozřejmě by to šlo jistě mnohem více elegantněji ale jako dosavadní řešení dostačující.

Editováno 30.12.2022 14:37
Odpovědět
30.12.2022 14:36
Každý je zodpovědný za svůj život ale ne každý je ochoten tu zodpovědnost přijmout.
Avatar
Lukáš Kučavík
Člen
Avatar
Odpovídá na Lubor Pešek
Lukáš Kučavík:3.1.2023 14:41

Přišel jsem na další způsob ale nemám vyzkoušeno. Existuje tzv. nedělitelná mezera. Vypadá takto:

 

Stačí ji použít místo klasické mezery a text by se neměl dělit. A předpokládám, že jakmile bude člověk řešit responzivitu, tak tento problém odpadne.

Odpovědět
3.1.2023 14:41
Každý je zodpovědný za svůj život ale ne každý je ochoten tu zodpovědnost přijmout.
Avatar
Petr Guba
Člen
Avatar
Petr Guba:18.1.2023 19:03

Chtěl bych se zeptat, jak to udělat aby stránka nebyla tak roztažená přes celou obrazovku

 
Odpovědět
18.1.2023 19:03
Avatar
Alice Hajná
Člen
Avatar
Alice Hajná:23.1.2023 19:11

lepší by bylo předat info pomocí videa

 
Odpovědět
23.1.2023 19:11
Avatar
Tomáš Sobota
Člen
Avatar
Odpovídá na Petr Guba
Tomáš Sobota:23.1.2023 19:34

Můžeš dát třeba něco jako:
body{ margin: 0px 100px; }
nebo

<style>
 body{
    display: flex;
    justify-content: center;
}
.container{
    width: 80vw;
}
</style>

<body>
         <div class="container">
        "OBSAH WEBU"
        </div>
</body>
Odpovědět
23.1.2023 19:34
Done is better than perfect
Avatar
David Hartinger
Vlastník
Avatar
David Hartinger:10.2.2023 13:32

Aktualizace - Zjednodušili jsme roztažení stránky přes celou výšku okna přes barvu pozadí místo přes flexbox.

Odpovědět
10.2.2023 13:32
New kid back on the block with a R.I.P
Avatar
Martin Čumpelík
Člen
Avatar
Martin Čumpelík:8.3.2023 13:31

Ahoj, mám problém u jedné z podstránek s <footer> a už si opravdu nevím rady. Ačkoliv se mi na ostatních stránkách zobrazuje vespod, tak jak má, u jedné ze stránek mi proste skáče skoro doprostřed <body>. Obě stránky samozřejmě používají stejný css. Děkuji za radu!

 
Odpovědět
8.3.2023 13:31
Avatar
andreagross
Člen
Avatar
andreagross:13.4.2023 23:22

Ahoj, už jsem u 16. lekce a stále mám problém s patičkou. U podstránky kontakty a domů se mi zobrazuje normálně, ale u podstránek reference a dovednosti mi překrývá fotky. za boha nemůžu přijít na to, čím by to mohlo být...můžete mi někdo poradit? Díky

 
Odpovědět
13.4.2023 23:22
Avatar
andreagross
Člen
Avatar
Odpovídá na Martin Čumpelík
andreagross:13.4.2023 23:23

Už si na to přišel? :) Teď čtu, že máme stejný problém

 
Odpovědět
13.4.2023 23:23
Avatar
Kristýna Balounová
Člen
Avatar
Kristýna Balounová:3.5.2023 11:03

V těch vlastnostech selektorů a jejich hodnotách se už bohužel ztrácím - je jich hrozně moc a nedají se již zapamatovat a hlavně už ani nevím, pro jaký element mám přesně stylovatt :(

 
Odpovědět
3.5.2023 11:03
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.