potřeboval bych pomoc s html kodem který je zapsán do kodu pro ESP8266. Jedná se o sérii čtyř tabulek, které by se měly zobrazovat za sebou v řadě. Prozatím jsem zkoušel tento kod:
Kód: Vybrat vše
client.println("HTTP/1.1 200 OK");
client.println("Content-Type: text/html");
client.println(""); // do not forget this one
client.println("<!DOCTYPE HTML>");
client.println("<html>");
client.println("<head>");
client.println("<meta name='apple-mobile-web-app-capable' content='yes' />");
client.println("</head>");
client.println("<hr>");
client.println("<h2><center> KONTROLNI SYSTEM </center></h2>");
client.println("<hr/>");
client.println ("<table style=\" border: 5px double red\" >");
client.println("<tr><td>");
client.println("<center>");
client.println("<table style= \"padding: 15px; border: 12px double red; width: 20%; float: left; display:inline-table \";>");
client.println("<tr>");
if (digitalRead(0)==!true){
client.print ("<td><a href=\"/light3on\"\"><button style='background:lightblue;height:100px;width:150px'>Zaluzie 1 OFF</button></a></td>");
}else{
client.print ("<td><a href=\"/light3off\"\"><button style='background:yellow;height:100px;width:150px'>Zaluzie 1 ON</button></a></td>");
}
client.println("</tr>");
client.println ("</table >");
client.println ("<table style=\"display:inline-table; padding: 15px; border: 12px double blue; float:center; width: 30% \";>");
client.println("<tr>");
if (digitalRead(5)==!true){
client.print ("<td><a href=\"/light1on\"\"><button style='background:lightblue; height:100px; width:250px; '>Zaluzie 2 OFF</button></a></td>");
}else{
client.print ("<td><a href=\"/light1off\"\"><button style='background:yellow; height:100px; width:250px'>Zaluzie 2 ON</button></a></td>");
}
client.println("</tr>");
client.println("</table>");
client.println ("<table style=\"display:inline-table; padding: 15px; border: 12px double blue; float:center; width: 30% \";>");
client.println("<tr>");
if (digitalRead(5)==!true){
client.print ("<td><a href=\"/light1on\"\"><button style='background:lightblue; height:100px; width:250px; '>Zaluzie 2 OFF</button></a></td>");
}else{
client.print ("<td><a href=\"/light1off\"\"><button style='background:yellow; height:100px; width:250px'>Zaluzie 2 ON</button></a></td>");
}
client.println("</tr>");
client.println("</table>");
client.println ("<table style=\" display:inline-table; padding: 15px; border: 12px double green; float: right; width: 20% \">");
client.println("<tr>");
if (digitalRead(5)==!true){
client.print ("<td><a href=\"/light1on\"\"><button style='background:lightblue; height:100px; width:50px; '>Zaluzie 3 OFF</button></a></td>");
}else{
client.print ("<td><a href=\"/light1off\"\"><button style='background:yellow; height:100px; width:50px'>Zaluzie 3 ON</button></a></td>");
}
client.println("</tr>");
client.println("</table>");
client.println("</center>");
client.println("</td></tr>");
client.println("</table>");
client.println("</html>");