Vydělávej až 160.000 Kč měsíčně! Akreditované rekvalifikační kurzy s garancí práce od 0 Kč. Více informací.
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: Nemohu změnit parametr top i divu

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

Aktivity
Avatar
Neaktivní uživatel
Člen
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
Neaktivní uživatel
Člen
Avatar
Odpovídá na Neaktivní uživatel
Neaktivní uživatel:21.1.2017 21:26

Už to mám, díky.

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.