diff --git a/css/layout.css b/css/layout.css index 68cdddc..3615dc5 100644 --- a/css/layout.css +++ b/css/layout.css @@ -41,7 +41,6 @@ body{ } #rechnungen{ padding: 0px; - justify-content: space-between; position: relative; top: 1px; } @@ -52,9 +51,21 @@ body{ text-align: center; font-size: 1.5em; z-index: 10; - position: relative; + position: fixed; display: inline-block; } +#rechnung1{ + background-color: rgb(0, 225, 255); + border-radius: 15px; + outline: 8px solid black; + left: 15%; +} +#rechnung2{ + background-color: red; + border-radius: 15px; + outline: 8px solid black; + right: 15%; +} #rechnung1 img, #rechnung2 img { position: absolute; top: 50%; diff --git a/index.html b/index.html index b7d48f2..73192eb 100644 --- a/index.html +++ b/index.html @@ -12,12 +12,10 @@
-
*5
-
+5
diff --git a/js/rechnungen.js b/js/rechnungen.js index dddc822..05ba33e 100644 --- a/js/rechnungen.js +++ b/js/rechnungen.js @@ -14,17 +14,17 @@ function rechnungMoven(speed){ if(nextTop > 800){ rechnungen.style.top = "1px"; rechnungenTop = 1; - rechnungenSpawn(); + rechnungenSpawn(100); }else{ rechnungenTop = nextTop; } } -function rechnungenSpawn(){ +function rechnungenSpawn(maxzahl){ let index = Math.floor(Math.random()*rechenzeichen.length); - let randomZahl = Math.floor(Math.random()*20); + let randomZahl = Math.floor(Math.random()*maxzahl); rechnung1Text.innerText = rechenzeichen[index] + randomZahl.toString(); index = Math.floor(Math.random()*rechenzeichen.length); - randomZahl = Math.floor(Math.random()*20); + randomZahl = Math.floor(Math.random()*maxzahl); rechnung2Text.innerText = rechenzeichen[index] + randomZahl.toString(); } setInterval(()=>{