gelinho 890
-
Total de itens
1 -
Registro em
-
Última visita
Sobre gelinho 890
gelinho 890's Achievements
0
Reputação
-
Elementos não centralizam e a caixa de fundo não aparece
uma questão postou gelinho 890 HTML, XHTML, CSS
Boa noite, os elementos não centralizam e a caixa de fundo não aparece Sou novato em html e estou fazendo um projeto simples de calculadora de html, css e javascript seguindo um tutorial disponível no youtube. No entanto não consigo alcançar o resultado demonstrado no anexo 1 Meu resultado, anexo 2 Já coloquei o código no chat gpt para ver se ele encontrava o erro e me guiasse para o caminho correto, porém sem resultados, a cada tentativa demonstra uma resolução diferente para o problema e nenhuma delas chega ao resultado do anexo 1. Código: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Calculadora</title> <style> .fundo{ background-image: linear-gradient(45deg,black, crimson); height: 100vj; color: white; font-family: Arial, Helvetica, sans-serif; } .calculadora{ position: absolute; background-color: rgb(0, 0, 0); top: 50%; left: 50%; transform: translate(-50%,-50); border-radius: 15px; padding: 15px; } </style> </head> <body> <div class="fundo"> <h1>Calculadora Básica</h1> </div class= "calculadora"> <h1>Calculadora</h1> <p id= "resultado"></p> <table> <tr> <td><button>C</button></td> <td><button><</button></td> <td><button>/</button></td> <td><button>X</button></td> </tr> <tr> <td><button>7</button></td> <td><button>8</button></td> <td><button>9</button></td> <td><button>-</button></td> </tr> <tr> <td><button>4</button></td> <td><button>5</button></td> <td><button>6</button></td> <td><button>+</button></td> </tr> <tr> <td><button>1</button></td> <td><button>2</button></td> <td><button>3</button></td> <td rowspan="2"><button>=</button></td> </tr> <tr> <td colspan="2"><button>0</button></td> <td><button>.</button></td> </tr> </table> </body> </html> Obrigado pela atenção
