0
177
ViewsQuiero deshacerme de todos los espacios en blanco de mi sitio web en html
Quiero deshacerme de todos los espacios en blanco de mi sitio web en html, cuanto más muevo mi texto hacia la derecha, más espacio en blanco crea en el lado derecho de la página. Como puede ver en las fotos, hay muchos espacios en blanco. Sospecho que son los elementos los que crean estos espacios. ¿Puede alguien decirme cómo deshacerme de ellos? si alguien me puede ayudar por favor que lo haga.
.btn_earnmoney { height: 100px; width: 100px; position: relative; top: 350px; left: 710px; padding: 0; border: none; background: none; } .Balance_Text { font-size: 150%; position: relative; top: -800px; left: 10px; background-repeat: no-repeat; } * { margin: 0; padding: 0; background-color: #f1dd84; background-repeat: no-repeat; } .Background_img { /* non available image replaced with dummy image */ background-image: url("https://dummyimage.com/300x300/d936d9/000000&text=some+background+image"); background-size: cover; background-repeat: no-repeat; height: 100vh; background-color: #f1dd84; } <!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>BuzzMoney</title> </head> <body> <button class="btn_earnmoney" onclick="button_pressed()"> <!-- non available image replaced with dummy image --> <img class="Image_of_btn" src="https://dummyimage.com/50x50/a6ff00/000000&text=earn+money" alt="EARN MONEY" height="100px" width="100px" /> </button> <button class="btn_withdraw" onclick="withdraw_button_pressed_()"> </button> <div class="Background_img"></div> <p class="Balance_Text" id="Balance">0 $</p> <script type="text/javascript" src="earnmoney.js"></script> <script type="text/javascript" src="disableRightClick.js"></script> </body> </html> 
·
Juan Pablo Isaza
1 answers
Answer question0
Que haría yo:
índice.html
<!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>BuzzMoney</title> </head> <body> <button class="btn_earnmoney" onclick="button_pressed()"> <!-- non available image replaced with dummy image --> <img class="Image_of_btn" src="https://dummyimage.com/50x50/a6ff00/000000&text=earn+money" alt="EARN MONEY" height="100px" width="100px" /> </button> <button class="btn_withdraw" onclick="withdraw_button_pressed_()"> </button> <p class="Balance_Text" id="Balance">0 $</p> <script type="text/javascript" src="earnmoney.js"></script> <script type="text/javascript" src="disableRightClick.js"></script> </body> </html>estilo.css
body { background-image: url("yourUrlHere"); background-position: center; /* Center the image */ background-repeat: no-repeat; /* Do not repeat the image */ background-size: cover; /* Resize the background image to cover the entire container */ }Puede encontrar esas propiedades para el fondo en este enlace W3
·
Juan Pablo Isaza
Report
Answer question