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.

Lukáš Kučavík

Člen

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í.

Editované

Odpovedať

Každý je zodpovědný za svůj život ale ne každý je ochoten tu zodpovědnost přijmout.

Lukáš Kučavík

Člen

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:

&nbsp;

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.

Odpovedať

Každý je zodpovědný za svůj život ale ne každý je ochoten tu zodpovědnost přijmout.

Petr Guba

Člen

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

Odpovedať

Alice Hajná

Člen

Alice Hajná:23.1.2023 19:11

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

Odpovedať

Tomáš Sobota

Člen

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>

Odpovedať

Done is better than perfect

David Hartinger

Vlastník

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.

Odpovedať

New kid back on the block with a R.I.P

Martin Čumpelík

Člen

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!

Odpovedať

andreagross

Člen

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

Odpovedať

andreagross

Člen

andreagross:13.4.2023 23:23

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

Odpovedať

Kristýna Balounová

Člen

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

Odpovedať

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.

Najčastejšie vyhľadávané

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