NOVINKA: Získej 40 hodin praktických dovedností s AI – ZDARMA ke každému akreditovanému kurzu!
S účinností od 26. 3. jsme aktualizovali Zásady zpracování osobních údajů – doplnili jsme informace o monitorování telefonických hovorů se zájemci o studium. Ostatní části zůstávají beze změn.
Mezi 10:00 až cca 10:30 proběhne odstávka sítě z důvodu aktualizace. Web bude po celou dobu nedostupný.
Avatar
Neaktivní uživatel:21.1.2017 21:18

Dobrý den.

Jak to, že nemohu měnit paramentr top u divu polozkaUvnitrStred?

<!DOCTYPE html>

<html>

  <head>
    <meta charset="UTF-8">
    <meta name="description" content="Kvalitní obsah">
    <meta name="keywords" content="kvalita, obsah">
    <meta name="viewport" content="width = device-width, initial-scale = 1, shrink-to-fit = no">

    <link rel="stylesheet" type="text/css" href="style.css">
  </head>

  <body>
    <img src="pozadiStranky.jpg" alt="Pozadí stránky" id="pozadiStranky">

    <a href="#" class="kruhPolozkyVlevo" id="polozkaVlevo"></a>
    <a href="#" class="kruhPolozkyStred" id="polozkaStred"><div id="polozkaUvnitrStred">Porno v Notebooku</div></a>
    <a href="#" class="kruhPolozkyVpravo" id="polozkaVpravo"></a>

    <a href="#" class="kruhDruhaPolozkyVlevo" id="druhaPolozkaVlevo"></a>
    <a href="#" class="kruhDruhaPolozkyStred" id="druhaPolozkaStred"></a>
    <a href="#" class="kruhDruhaPolozkyVpravo" id="druhaPolozkaVpravo"></a>

    <a href="#" class="kruhTretiPolozkyVlevo" id="tretiPolozkaVlevo"></a>
    <a href="#" class="kruhTretiPolozkyStred" id="tretiPolozkaStred"></a>
    <a href="#" class="kruhTretiPolozkyVpravo" id="tretiPolozkaVpravo"></a>
  </body>

</html>
body {
  background-size: 100%;}

@media screen and (max-width: 1980px) {
  .kruhPolozkyVlevo {
    position: absolute;
    border-radius: 100%;
    border: 1px solid black;
    width: 17%;
    height: 30%;}

  #polozkaVlevo {
    top: 5%;
    left: 10%;}

  .kruhPolozkyStred {
    position: absolute;
    border-radius: 100%;
    border: 1px solid black;
    width: 25%;
    height: 32%;}

  #polozkaStred {
    top: 3%;
    left: 37.5%;}
    #polozkaUvnitrStred {
      font-size: 200%;
      text-align: center;
      top: 7%;}

  .kruhPolozkyVpravo {
    position: absolute;
    border-radius: 100%;
    border: 1px solid black;
    width: 17%;
    height: 30%;}

  #polozkaVpravo {
    top: 5%;
    left: 73%;}

/* DRUHÝ ŘÁDEK POLOŽEK */

  .kruhDruhaPolozkyVlevo {
    position: absolute;
    border-radius: 100%;
    border: 1px solid black;
    width: 17%;
    height: 30%;}

  #druhaPolozkaVlevo {
    top: 45%;
    left: 10%;}

  .kruhDruhaPolozkyStred {
    position: absolute;
    border-radius: 100%;
    border: 1px solid black;
    width: 25%;
    height: 32%;}

  #druhaPolozkaStred {
    top: 43%;
    left: 37.5%;}

  .kruhDruhaPolozkyVpravo {
    position: absolute;
    border-radius: 100%;
    border: 1px solid black;
    width: 17%;
    height: 30%;}

  #druhaPolozkaVpravo {
    top: 45%;
    left: 73%;}

/* TŘETÍ ŘÁDEK POLOŽEK */

  .kruhTretiPolozkyVlevo {
    position: absolute;
    border-radius: 100%;
    border: 1px solid black;
    width: 17%;
    height: 30%;}

  #tretiPolozkaVlevo {
    top: 85%;
    left: 10%;}

  .kruhTretiPolozkyStred {
    position: absolute;
    border-radius: 100%;
    border: 1px solid black;
    width: 25%;
    height: 32%;}

  #tretiPolozkaStred {
    top: 83%;
    left: 37.5%;}

  .kruhTretiPolozkyVpravo {
    position: absolute;
    border-radius: 100%;
    border: 1px solid black;
    width: 17%;
    height: 30%;}

  #tretiPolozkaVpravo {
    top: 85%;
    left: 73%;}
}




#pozadiStranky {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  filter: blur(20px);}

Domnívám se, že to ovlivňuje parametr top u a, ale proč, když byl div načtený později?

Odpovědět
21.1.2017 21:18
Neaktivní uživatelský účet
Avatar
Nahoru Odpovědět
21.1.2017 21:26
Neaktivní uživatelský účet
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 2 zpráv z 2.