Arreglando posición de botones

DBHRN · Aug 20, 2022 · c44ce16 · c44ce16
1 parent eea7d9b
commit c44ce16
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 41 deletions.
diff --git a/gamemovil.html b/gamemovil.html
@@ -216,7 +216,7 @@ <h1><img class="logo" src="imagenes/Logo.png" alt="Logo de GuessOrLose"></h1>
                                     }
                                 }
                                     if (respuesta != respuestasmalas[posicion]){
-                                        escribirTexto(x , 400, respuesta,"red","20px Georgia");
+                                        escribirTexto(x , 400, respuesta,"red","28px Georgia");
                                         numero = numero + 1;
                                         intentos = intentos - 1;
                                         respuestasmalas.push(respuesta);
@@ -245,18 +245,18 @@ <h1><img class="logo" src="imagenes/Logo.png" alt="Logo de GuessOrLose"></h1>
                         console.log(respuestasmalas);
                         if (intentos == 0) {
                             brazoright();
-                            escribirTexto(200 , 150, "Haz perdido"," #f8c1c1 ","17.5px Georgia");
-                            escribirTexto(200 , 175, "la palabra era:", "#f8c1c1" ,"17.5px Georgia");
-                            escribirTexto(200 , 200, palabracompleta, "#f8c1c1" ,"17.5px Georgia");
+                            escribirTexto(200 , 150, "Haz perdido"," #f8c1c1 ","35px Georgia");
+                            escribirTexto(200 , 175, "la palabra era:", "#f8c1c1" ,"35px Georgia");
+                            escribirTexto(200 , 200, palabracompleta, "#f8c1c1" ,"35px Georgia");
                             document.getElementById("reinicio").style.display = '';
                             document.getElementById("agregar").style.display = '';
 
                         }
 
 
                         if (points >= letras.length) {
-                            escribirTexto(200 , 150, "¡Felicidades","#c2ffb1","17.5px Georgia");
-                            escribirTexto(200 , 175, "haz terminado!","#c2ffb1","17.5px Georgia");
+                            escribirTexto(200 , 150, "¡Felicidades","#c2ffb1","35px Georgia");
+                            escribirTexto(200 , 175, "haz terminado!","#c2ffb1","35px Georgia");
                             document.getElementById("reinicio").style.display = '';
                             document.getElementById("agregar").style.display = '';
                         }
@@ -272,8 +272,8 @@ <h1><img class="logo" src="imagenes/Logo.png" alt="Logo de GuessOrLose"></h1>
                     respuestasbuenas = [""];
                     input.value = "";
                     input.focus();
-                    document.getElementById("reinicio").style.display = 'none';
-                    document.getElementById("agregar").style.display = 'none';
+                    //document.getElementById("reinicio").style.display = 'none';
+                    //document.getElementById("agregar").style.display = 'none';
                     wordchoice();
                     horca();
                     }

diff --git a/movil-style.css b/movil-style.css
@@ -21,18 +21,7 @@ header{
     margin: 0 auto;
 
 }
-/*.caja2{
-    width: 940px;
-    position:relative;
-    margin-bottom: 700px;
-    margin-left: -250px;
-}*/
-nav{
-    position: absolute;
-    top: 20px;
-    right: 0;
-    margin-left: -100px;
-}
+
 nav li{
     display: inline;
     margin: 0 0 0 15px;
@@ -41,20 +30,20 @@ nav li{
     font-family: 'Montserrat', sans-serif;
     margin-bottom: 20px;
     font-size: 22px;
-    position: relative;
-    margin-top: 410px;
-    margin-left: 0px;
+    position: absolute;
+    margin-top: 20px;
+    margin-left: -230px;
     border: none;
     text-align: center;
     display: inline;
-    width: 55px;
+    width: 18%;
+
 
 }
 .enviar{
-    position: relative;
-    margin-top: 450px;
-    margin-left: 20px;
-    margin-bottom: 20px;
+    position: absolute;
+    margin-top: 20px;
+    margin-left: -50px;
     width: 40%;
     padding: 5px 0;
     font-size: 18px;
@@ -73,8 +62,9 @@ nav li{
 
 }
 #reinicio{
-    position: relative;
-    margin-bottom: 20px;
+    position: absolute;
+    margin-top: 110px;
+    margin-left: -230px;
     width: 60%;
     padding: 5px 0;
     font-size: 18px;
@@ -93,7 +83,9 @@ nav li{
 
 }
 #agregar{
-    position: relative;
+    position: absolute;
+    margin-top: 65px;
+    margin-left: -230px;
     width: 60%;
     padding: 5px 0;
     font-size: 18px;
@@ -123,7 +115,7 @@ nav li{
 
 }
 footer{
-    margin-top: 100px;
+    margin-top: 250px;
     text-align: center;
     background: url(imagenes/footer.png);
     padding: 40px;
@@ -222,14 +214,8 @@ footer{
         text-align: center;
     }
 
-    nav{
-        position: static;
+    .caja, header, footer{
+        width: auto;
     }
-    .caja{
-        width:auto;
-    }
-    #lienzo{
-        scale: 0.5;
-    }
-
+
 }