Diskuze: Nemohu změnit parametr top i divu

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

Zjistit více...

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

Absolvováno

Označit lekci jako neabsolvovanou

Pokračovat ve výuce

Jak se ti líbí článek?

Před uložením hodnocení, popiš prosím autorovi, co je špatněZnaků 0 z 50-500

Jak se ti kurz líbí?

Tvé hodnocení kurzuZnaků 0 z 50-500

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