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

Neaktivní uživatel

Člen

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

Neaktivní uživatel

Člen

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.

Nejčastěji vyhledáváné

Diskuze: Nemohu změnit parametr top i divu