Služba	Poskytovatel	Účel	Cookies a úložiště	Doba uložení
ITnetwork	ITnetwork	Provoz webu, relace, přihlášení a uložení nastavení cookies.	PHPSESSID, auth_token, sid, itn_consent_impression, __Host-itn_consent	Relace až 1 rok
Google Tag Manager	Google	Správa značek a načítání měřicích nástrojů webu.	Žádné	Neukládá se
Google Fonts	Google	Načítání typografie webu.	Úložiště řízené poskytovatelem	Dle podmínek poskytovatele
Google Hosted Libraries	Google	Načítání potřebných knihoven a stylů webu.	Úložiště řízené poskytovatelem	Dle podmínek poskytovatele
Google reCAPTCHA	Google	Ochrana formulářů a webu před zneužitím.	_GRECAPTCHA, rc::a, rc::b, rc::c, rc::f	Relace až 180 dní
YouTube	Google	Přehrávání vloženého video obsahu.	localStorage, IndexedDB; cookies after playback interaction	Relace až trvalé úložiště
Vimeo	Vimeo	Přehrávání vloženého video obsahu.	__cf_bm, _cfuvid, vuid, localStorage, IndexedDB	Relace až 2 roky
Facebook Login	Meta	Přihlášení pomocí účtu třetí strany.	Úložiště řízené poskytovatelem	Relace až 1 rok
GoPay	GoPay	Zpracování uživatelem vyžádané platby.	Úložiště řízené poskytovatelem	Dle podmínek poskytovatele

Služba	Poskytovatel	Účel	Cookies a úložiště	Doba uložení
Google Analytics 4	Google	Měření návštěvnosti a používání webu.	_ga, _ga_*	Až 2 roky
Microsoft Clarity	Microsoft	Měření návštěvnosti a používání webu.	_clck, _clsk, _cltk	Relace až 1 rok

Služba	Poskytovatel	Účel	Cookies a úložiště	Doba uložení
Google Ads	Google	Měření kampaní, reklama a remarketing.	_gcl_au, _gcl_ls	Relace až 90 dní
Meta Pixel	Meta	Měření kampaní, reklama a remarketing.	_fbp, _fbc, localStorage	Až 90 dní
Sklik	Seznam.cz	Měření kampaní, reklama a remarketing.	retargeting, sid, szn:*	Relace až trvalé úložiště
LinkedIn Insight	LinkedIn	Měření kampaní, reklama a remarketing.	bcookie, li_gc, lidc, __cf_bm	Relace až 1 rok
Ecomail	Ecomail.cz	Měření kampaní, reklama a remarketing.	ecmid, Úložiště řízené poskytovatelem	Dle podmínek poskytovatele
Atribuce kampaní ITnetwork	ITnetwork	Přiřazení návštěvy a objednávky ke kampani.	campaign_clid[*], user_session_context	Až 1 rok

Diskuze: Bootstrap podruhé!

V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.

Aktivity

Michal Kuba

Tvůrce

Michal Kuba:12.10.2015 21:59

Ahoj.
Opět zápolím s bootstrapem. Leč je to povedená vychytávka, stále se mi nedaří stoprocentně si s ní rozumět. Mám stránku, zatím jen statickou. Všechny elementy atd jsem si prozatím jakš-takš poskládal, ale při zvětšení to dělá trošku ještě neplechu, což by nevadilo tolik, jako že menu se najednou roztáhne někam pryč, místo toho, aby se udělalo jako collapse (zůstane jen rozklikávací lišta). To se později stane, ale to tlačítko na rozevření (tři vodorovné čárky nad sebou) jsou úplně někde pryč.

Zde je kód začátku stránky s navbarem:

    <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet"  href="styl.css" type="text/css">
         <!-- Latest compiled and minified CSS -->
          <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">

         <!-- jQuery library -->
           <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

         <!-- Latest compiled JavaScript -->
           <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
    </head>
    <body>
       <div class="container">

            <nav class="navbar navbar-default">
                <div class="container-fluid">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>

    </div>
    <div class="collapse navbar-collapse" id="myNavbar">
      <ul class="nav navbar-nav navbar-left">
          <li><a href="#">POLOŽKA 1</a></li><li><img class="menu-kladivo" src="./img/kladivo2.PNG"></li>
                    <li><a href="#">POLOŽKA 2</a></li><li><img class="menu-kladivo" src="./img/kladivo2.PNG"></li>
                    <li><a href="#">POLOŽKA 3</a></li><li><img class="menu-kladivo" src="./img/kladivo2.PNG"></li>
                    <li><a href="#">POLOŽKA 4</a></li><li><img class="menu-kladivo" src="./img/kladivo2.PNG"></li>
                    <li><a href="#">POLOŽKA 5</a></li></ul>
                    <a href="#"><img id="logo" src="./img/logo.PNG"></a>
                   <ul class="nav navbar-nav navbar-right">
                    <li><a href="#">POLOŽKA 6</a></li><li><img class="menu-kladivo" src="./img/kladivo2.PNG"></li>
                    <li><a href="#">POLOŽKA 7</a></li><li><img class="menu-kladivo" src="./img/kladivo2.PNG"></li>
                    <li><a href="#">POLOŽKA 8</a></li><li><img class="menu-kladivo" src="./img/kladivo2.PNG"></li>
                    <li><a href="#">POLOŽKA 9</a></li><li>
                    <li><a href="#"><span class="glyphicon glyphicon-search"></span></a></li>
        </ul>
  </div> </div>
</nav>

a zde CSS, doufám že to je vše potřebné k této části HTML:

#logo{
    position: absolute;
        top: -15px;
       left:420px;
         // polovina max. šířky
    width: 124px;
    height: 75px;
    z-index: 4;
}
body,html{
    width: 960px;
    margin:0 auto;
    background-color: grey;
    z-index: -20;
    background-image: url("./img/pattern.JPG");
    background-repeat: repeat;
}

.navbar {
    margin-top:40px;
    z-index: 4;
    width: 960px;
}
.navbar-default .container-fluid{
    background-color: #008f3e;
    border-radius: 4px;
    z-index: 4;
}
.navbar-nav a{
    font-size: 12px;
}
#myNavbar .navbar-nav li a{
    color:white;
}
.menu-kladivo{
    margin-top:20px;
    z-index: 4;
}
.container{
       background-color: grey;
        background-image: url("./img/pattern.JPG");
    background-repeat: repeat;
       z-index: -20;
    max-width:960px;
    margin:0 auto;
}

Napadlo mě, že možná mám chybu někde v divech a nejsem schopný ji dohledat tím, že na ten kód zírám každý den a přijde mi to jako správně.

Má někdo nějaký nápad, proč se to tak chová? :/

Odpovědět

12.10.2015 21:59

P(r)D

Člen

P(r)D:12.10.2015 22:12

Ahoj, nezkoušel sem to (takže nevim, jestli to vyřeší tvuj problém), ale v ukázce kódu nemáš ukončenej jeden div. Většinou když mi bootstrap dělám bordel, tak je to tim

Nahoru Odpovědět

12.10.2015 22:12

P(r)D

Člen

P(r)D:12.10.2015 22:14

Jo koukam, že píšeš "kód začátku stránky" takže container bude ukončenej asi někde dál..

Nahoru Odpovědět

12.10.2015 22:14

Michal Kuba

Tvůrce

Michal Kuba:12.10.2015 22:25

Přesně tak, ohledně ukončení divů by to mělo být ok, tohle mi celkem spolehlivě hlásí NetBeans.

Nahoru Odpovědět

12.10.2015 22:25

P(r)D

Člen

P(r)D:12.10.2015 23:10

hele odzkoušel jsem to a nevim přesně kde je problém. při full screen se mi to zorazí trochu ošklivě(protože celý to menu nevejde do containeru vedle sebe) - nějak se odřádkuje, ale když zmenšim okno, tak collapse funguje. tlačítko vidim nevidim problém. napadá mě jedině, že by problém moh bejt ve verzi jquery. dej si tam nejnovější. měla by to bejt 2.1.4

Nahoru Odpovědět

12.10.2015 23:10

Michal Kuba

Tvůrce

Michal Kuba:13.10.2015 21:12

zkusil jsem i to změnit, ale stále to nedělá co má. Přitom paralerně s tím dělám i jiný web, kde jsem taky čerstvě dal bootstrap a tam to jede normálně.. nemůže být problém v tom, že nemám menu od začátku na celou šířku ale mín?

Nahoru Odpovědět

13.10.2015 21:12

Naučíme tě pracovat na home-office.

Zjistit více...

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 6 zpráv z 6.

Nejčastěji vyhledáváné

Diskuze: Bootstrap podruhé!