From 20c489dd6dedb32ddfb148955c7ff9f2c03a9584 Mon Sep 17 00:00:00 2001
From: frajuar <franciscojavier.juarez@estudiantes.uva.es>
Date: Mon, 9 Dec 2024 11:23:59 +0100
Subject: [PATCH] cambios para poner la fuente
---
css/estilo.css | 10 ++++++++++
index.html | 5 +++--
2 files changed, 13 insertions(+), 2 deletions(-)
diff --git a/css/estilo.css b/css/estilo.css
index 670324e..db1122a 100644
--- a/css/estilo.css
+++ b/css/estilo.css
@@ -9,6 +9,7 @@ body {
background-color: rgb(207, 207, 207);
font-weight: bold;
padding-top: 5px;
+ padding-bottom: 5px;
font-family: Arial, sans-serif;
text-align: center;
font-size: large;
@@ -32,6 +33,15 @@ body {
font-family: Arial, sans-serif;
z-index: 1000; /* Ensures it stays above the map */
}
+#footerText {
+ position: absolute;
+ top: 400px; /* Adjust for desired distance from the top */
+ left: 20px; /* Position it on the right side */
+ padding: 10px;
+ font-family: Arial, sans-serif;
+ font-size: small;
+ z-index: 1000; /* Ensures it stays above the map */
+}
/* Contenedor inferior */
#grafico {
flex: 0.9; /* Ocupa el tercio restante de la pantalla */
diff --git a/index.html b/index.html
index b0e851b..acad3ef 100644
--- a/index.html
+++ b/index.html
@@ -9,10 +9,11 @@
<body>
<div id="titulo">
Distribución del PIB mundial en cientos de millones de dólares
+
</div>
<div id="map">
- <div id="yearSelectorContainer">
- </div>
+ <div id="yearSelectorContainer"></div>
+ <div id="footerText">Texto en la parte inferior izquierda</div>
</div>
<div id="grafico"></div>
<script src="./Js/script.js"></script>
--
GitLab