Stránka 1 z 2

Pomuže někdo s upravou jednoduche web stranky?

Napsal: 14 kvě 2023 14:55
od 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í

Re: Pomuže někdo s upravou jednoduche web stranky?

Napsal: 14 kvě 2023 16:33
od Karrex

Re: Pomuže někdo s upravou jednoduche web stranky?

Napsal: 14 kvě 2023 16:34
od 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í.

Re: Pomuže někdo s upravou jednoduche web stranky?

Napsal: 14 kvě 2023 16:36
od 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.

Re: Pomuže někdo s upravou jednoduche web stranky?

Napsal: 14 kvě 2023 16:54
od BigSandy
:D
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?

Re: Pomuže někdo s upravou jednoduche web stranky?

Napsal: 14 kvě 2023 17:43
od 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.

Re: Pomuže někdo s upravou jednoduche web stranky?

Napsal: 14 kvě 2023 18:06
od 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.

Re: Pomuže někdo s upravou jednoduche web stranky?

Napsal: 14 kvě 2023 18:09
od Karrex
A to jsi nechtěl? Pak musíš specifikovat co kam od okraje.

Re: Pomuže někdo s upravou jednoduche web stranky?

Napsal: 14 kvě 2023 18:41
od 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

Re: Pomuže někdo s upravou jednoduche web stranky?

Napsal: 14 kvě 2023 18:46
od Karrex
Aha, jednoduše... Posunout celou tabulku :D
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;
}

Re: Pomuže někdo s upravou jednoduche web stranky?

Napsal: 14 kvě 2023 19:01
od BigSandy
Obrázek

Re: Pomuže někdo s upravou jednoduche web stranky?

Napsal: 14 kvě 2023 19:06
od Karrex
:thumbup: