ESP32: website Buttons um-designen

[Moppi]

Hallo!

Ich versuche mal etwas auf die Sprünge zu helfen:

  if(led1stat)  {ptr +="<p>LED1 Status: ON</p><a class=\"button button-off\" href=\"/led1off\">OFF</a>\n";}
  else   {ptr +="<p>LED1 Status: OFF</p><a class=\"button button-on\" href=\"/led1on\">ON</a>\n";}

Dass Du nur den einen oder anderen Button bekommst, liegt hier an "IF ... ELSE ...". #
Je nach Status "led1stat" bekommst Du dadurch den Button "button button-off" oder "button button-on".
Wenn Du "IF" und "ELSE" entfernst bekommst Du beide Buttons dargestellt.

Außerdem werden Absätze zur Formatierung eingesetzt: "<p>....</p>"

So wird "LED1 Status: ON" in einem Absatz geschrieben, der dazugehörige Link, der als Button formatiert wird, aber nicht:

"<p>...</p>"
"Button-Link"
"<p>...</p>"
"Button-Link"

Etwas merkwürdige Strukturierung, aber .. na ja .... Normal würde man einen Text und den dazugehörigen Link in einen Absatz setzen:

"<p>Linktext: <a class=".." href="...">...</a></p>"

Um die als Buttons getarnten Links, nach dem Schema, oben nebeneinander zu bekommen:

"<p>Linktext: <a class=".." href="...">...</a>&nbsp;&nbsp;Linktext: <a class=".." href="...">...</a></p>"

Die beiden "&nbsp;" sind Platzhalter.

Oder so auch eine Möglichkeit:

"<p>Linktext: <a class=".." href="...">...</a><a class=".." href="...">...</a></p>"
Einen Text und dann beide Buttons nebeneinander.
Allerdings kann es sein, dass die Zeile im Browser umgebrochen wird, dann würden die Buttons untereinander rutschen.

Den Autor kontaktieren, um ein anderes Layout bereit zu stellen oder selber umfrickeln.


MfG