Mapa mental en html
Enviado por jorge2309 • 27 de Julio de 2017 • Prácticas o problemas • 342 Palabras (2 Páginas) • 138 Visitas
<!DOCTYPE HTML>
<html>
<head>
<style>
div#caja1 {
position:absolute;
left: 400px;
top: 120px;
width: 135px;
height: 95px;
margin: 1px;
padding: 4px;
border: 1px solid black;
}
div#caja2 {
position:absolute;
left: 225px;
top: 200px;
width: 135px;
height: 95px;
margin: 1px;
padding: 4px;
border: 1px solid black;
}
div#caja3 {
position:absolute;
left: 620px;
top: 185px;
width: 135px;
height: 95px;
margin: 1px;
padding: 4px;
border: 1px solid black;
}
div#caja4 {
position:absolute;
left: 410px;
top: 280px;
width: 135px;
height: 95px;
margin: 1px;
padding: 4px;
border: 1px solid black;
}
div#caja5 {
position:absolute;
left: 690px;
top: 290px;
width: 135px;
height: 95px;
margin: 1px;
padding: 4px;
border: 1px solid black;
}
div#caja6 {
position:absolute;
left: 235px;
top: 390px;
width: 135px;
height: 95px;
margin: 1px;
padding: 4px;
border: 1px solid black;
}
div#caja7 {
position:absolute;
left: 570px;
top: 400px;
width: 135px;
height: 95px;
margin: 1px;
padding: 4px;
border: 1px solid black;
}
</style>
<script>
function allowDrop(ev) {
ev.preventDefault();
}
function drag(ev)
...