HTML - problema con abrir archivo de otra pc

 
Vista:

problema con abrir archivo de otra pc

Publicado por nicolas (4 intervenciones) el 03/08/2018 23:02:37
buenas cree el juego del truco que ya habia subido el codigo y por lo tanto tengo 6 cartas y cuando abro el archivo desde otra pc se me desacomodan todas las cartas me dijieron que es por la diferencia de resolucion pero no se como solucionarlo, gracias necesito solucionarlo para la semana que viene es para un proyecto

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
<!DOCTYPE html>
	<html lang="es">
<head>
	<!--<script src="toscano.js"></script>-->
	<meta charset="UTF-8">
	<title>proyectoimagen2</title>
 
	<!--TEXTO CSS DONDE ESTA LA IMAGEN-->
	<link href="" rel="stylesheet">
	<style type="text/css">
	body{
	background: url(https://image.freepik.com/foto-gratis/mesa-de-madera-vacia-con-borrosa-cafe-montaje-de-productos-de-fondo-de-pantalla_1936-7.jpg) no-repeat center fixed; 
	background-size: 100% 100%;
	background-attachment:fixed;
}
	</style>
</head>
 
<body>
<div>
 
<table align="right" height="650px" width="180px" border="1">
 
	<tr>
		<td height="100px" valign="top" align="center">JUGADOR 1</td>
		<td height="100px" valign="top" align="center">PC</td>
	</tr>
	<tr>
		<td height="10px" align="center"> <input type="button" value="ENVIDO"onclick=""/></td>
		<td height="15px" align="center"> <input type="button" value="TRUCO" onclick=""/></td>
	</tr>
	<tr>
		<td height="15px" align="center"><input type="button" value="REAL ENVIDO" onclick=""/></td>
		<td height="15px" align="center"><input type="button" value="RE TRUCO" onclick=""/></td>
	</tr>
	<tr>
		<td height="15px" align="center"><input type="button" value="FALTA ENVIDO" onclick=""/></td>
		<td height="15px" align="center"><input type="button" value="VALE 4" onclick=""/></td>
	</tr>
	<tr>
		<td height="15px" align="center"><input type="button" value="QUIERO" onclick=""/></td>
		<td height="15px" align="center"><input type="button" value="NO QUIERO" onclick=""/></td>
	</tr>
</table>
</div>
</body>
 
 
<head>
	<title></title>
 
 <style type="text/css">
	body {heih: 15em;}
 
	.carta {font-size: 2em; background-color: ; border-radius: .3em; width: 2em; height:3em; font-weight: bold; font-family: arial, verdana, sans-serif; padding: 0.2em; line-height: 1.5em; }
 
 
 
 
	.carta { background: url("https://tarot10.net/wp-content/plugins/pepeTarot/img/carta.png"); height: 3.5em; background-position: 50% 50%; position: absolute; letter-spacing: -0.06em; overflow: hidden; line-height: 1em; }
 
	#naipe0{position: absolute; top: 12.8em; left: 6em; font-size: 40px;}
 
	#naipe1{position: absolute; top: 12.8em; left: 16em; font-size: 40px;}
 
	#naipe2{position: absolute; top: 12.8em; left: 26em;font-size: 40px;}
 
	#naipe3{position: absolute; top: 20em; right: 27em; font-size: 20px;}
 
	#naipe4{position: absolute; top: 20em; left: 20em; font-size: 20px;}
 
	#naipe5{position: absolute; top: 20em; left: 33.2em; font-size: 20px;}
</style>
</head>
	<body>
	<script type="text/javascript">
 
	var mazo=[];
function mezclar(){
 
  numero=[1,2,3,4,5,6,7,10,11,12];
    palo=["espada","basto","oro","copa"];
        if(mazo.length>=6)
            return;
    nuevacarta=[numero[Math.floor(6*Math.random())],palo[Math.floor(4*Math.random())]];
        for(j=0;j<mazo.length;j++){
            if(mazo[j].toString()==nuevacarta.toString())
                return mezclar();
        }
        mazo.push(nuevacarta);
        mezclar();
}
mezclar();
 
for(s in mazo)console.log(mazo[s][0]+' de '+mazo[s][1]+"<br/>");
 
 
 
console.log(mazo);
 
</script>
 
 
	<input type="button" value="JUGAR" onclick="mezclar">
 
	<div class="carta" id=naipe0 type="button" value="" onclick="atras">
		<div class="partedeatras" id=atras></div>
 
	</div>
	<div class="carta" id=naipe1>
 
	</div>
 
	<div class="carta" id=naipe2>
		<div class="face back"></div>
		<div class="face front"></div>
	</div>
 
	<div class="carta" id=naipe3 type="button" value="" onclick="face back">
		<div class="face back"></div>
		<div class="face front"></div>
	</div>
 
	<div class="carta" id=naipe4>
		<div class="face back"></div>
		<div class="face front"></div>
	</div>
 
	<div class="carta" id=naipe5>
		<div class="face back"></div>
		<div class="face front"></div>
	</div>
 
</body>
</html>
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder

problema con abrir archivo de otra pc

Publicado por Ariana ariana.lavalle07@gmail.com (1 intervención) el 10/08/2019 04:30:25
Hola tengo el problema de no poderlo abrir en otra compu, como lo solucionaste vos?
si alguien puede ayudarme se lo agradeceria
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar