Pomuže někdo s upravou jednoduche web stranky? Vyřešeno

[BigSandy]

Zdravím.
Vím že učení, je matka moudrostí, ale potřebují jen jednu web stranku pro ESP.
Pomuže někdo?
https://pastebin.com/pqJnKMyu

Potřebují jích 10 pod sebou a trochu posunout vpravo od okraje.

Teplota: <span id="nahodnecislo">0</span><br><br>
Vlhkost:<span id="nahodnecislo">0</span><br><br>
Hustota vody: <span id="nahodnecislo">0</span><br><br>

A aby ty načtene hodnoty byli pod sebou.
Pujde to pořešit?
Děkují

[Reklama]

[Karrex]

Třeba takhle:

https://jsfiddle.net/nv7zfu5w/2/

[BigSandy]

Ano, to je vončo.
Ale v tom puvodním je to pismo mnohem větší
ESP8266 WEBSERVER je ok, ale ten zbytek je moc malý.
Jinak moc děkují.

[Karrex]

Posílal jsem ještě nový odkaz.
Tady i s úpravou velikosti písma v CSS na začátku kódu:
https://jsfiddle.net/zv6anyt5/

Nebo si tam před tabulku dej velikost H2, jak jsi měl.

[BigSandy]

To je ono.
I tu velikost pisma si mužu upravit přes font-size.
Jak ty vypsane hodnoty Temp, Vlhkost, Hustota vody posunout ještě víc od okraje?
Tak jak to je, mi nevadi ale je to trochu prazdne.

A dotaz.
Je tam setInterval(function(), ktera tu dodnotu přepisuje.
Když budy přepisovat třeba 20 hodnot, nechat to v te jedne funkci, nebo pro každou hodnotu vytvořit novou?

[Karrex]

Pokud to chceš posunout celé k sobě, tak smaž všechno ode mě v CSS a dej tam jenom:

Kód: Vybrat vše

table.hodnoty {
  font-size: 20px;
  text-align: right;
}

čísla jsou krátký, takže stačí toto.

Ta funkce není tak, jak je v příkladu nebo ano?
Náhodná čísla tam asi nebudou?

Teď tam máš 3x stejné ID nahodnacisla, což by ti dávalo všude jedno číslo. Pokud je to jenom pro příklad, tak ke každému ID nemusíš dělat nový script, stačí to dát do jednoho.

[BigSandy]

Udělal jsem a toto mi to udělalo

PS: ano, je to jenom přiklad a chapu že tam mám 3x stejné ID nahodnacisla.
To už zvladnu.

[Karrex]

A to jsi nechtěl? Pak musíš specifikovat co kam od okraje.

[BigSandy]

Tak jak to bylo puvodně. Zarovnane k levemu kraji, ale trochu vic posunute od leveho kraje.
Mezera mezi levou stranou a začatkem textu.
Tak jak na tom obrzku Temp nebo Vlhkost

[Karrex]

Aha, jednoduše... Posunout celou tabulku
Takže znovu použít toto z původního odkazu: https://jsfiddle.net/zv6anyt5/
a přidat margin.

Kód: Vybrat vše

table.hodnoty {
  font-size: 20px;
  margin-left: 10%;
}

nebo na střed:

Kód: Vybrat vše

table.hodnoty {
  font-size: 20px;
  margin-left: auto;
  margin-right: auto;
}

[BigSandy]

[Karrex]