Script mittig darstellen

manuel.wolf · 2 September 2018

Hey,

kann mir jemand helfen, diesen script mittig auf meiner Homepage darzustellen. Bin Anfänger.

Code:

<head><link type="text/css" rel="stylesheet" href="https://rhein-neckar.dlrg-jugend.de/fileadmin/groups/1050005/2019/BMS/WebApp/countdown/flipclock.css" /> </head>
<div class="clock-builder-output"></div>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script type="text/javascript" src="https://rhein-neckar.dlrg-jugend.de/fileadmin/groups/1050005/2019/BMS/WebApp/countdown/flipclock.js"></script>
<style text="text/css">body .flip-clock-wrapper ul li a div div.inn, body .flip-clock-small-wrapper ul li a div div.inn { color: #fffff; background-color: #00497f; } body .flip-clock-dot, body .flip-clock-small-wrapper .flip-clock-dot { background: #00497f; } body .flip-clock-wrapper .flip-clock-meridium a, body .flip-clock-small-wrapper .flip-clock-meridium a { color: #00497f; }</style>
<center>
  <script type="text/javascript">
$(function(){
  FlipClock.Lang.Custom = { days:'Tage', hours:'Stunden', minutes:'Minuten', seconds:'Sekunden' };
  var opts = {
    clockFace: 'DailyCounter',
    countdown: true,
    language: 'Custom'
  }; 
  var countdown = 1549085400 - ((new Date().getTime())/1000); // from: 02/02/2019 07:30 am +0200
  countdown = Math.max(1, countdown);
  $('.clock-builder-output').FlipClock(countdown, opts);
});

</script>

Vielen Dank!

Aaron3219 · 2 September 2018

Vorerst:

<center>-Tags sind sehr veraltet. Mach es also unbedingt mit CSS.
JS-Scripte werden immer am Ende des <body>-Tags eingefügt. Nicht am Anfang.
<style>-Tags sollten eigentlich extern in einem CSS-File gespeichert werden. Solltest du aus irgendwelchen Gründen es dennoch direkt in HTML-Filte einbinden wollen, muss dies im <head>-Bereich deiner Seite passieren.
Du benutzt eine sehr veraltete Version von Jquery.
Du hast keinen body-Tag...

Sorry das jetzt mal so harsch sagen zu müssen und ich weiß das du noch ein Anfänger bist.
Aber Leute tendieren dazu, immer loszulegen, ohne die Grundlagen zu kennen...
Schau dir UNBEDINGT die Grundlagen zu HTML und CSS an.
www.w3schools.com wird dir alles kompakt (und mit ausprobieren) über die Grundlagen
und Erweitertes beibringen.

Wenn du diese Grundlagen durchgearbeitet hast, was wahrlich nicht soo schwer ist und auch nicht 2 Jahre dauern wird, sondern vielleicht 2-3 Tage, wirst du auch wissen, wie du deine flipclock mittig zentrieren kannst. Und zwar bitte nicht mit <center>-Tags, sondern mit CSS!

Klar ich kann dir hier die Lösung geben, es bringt dir aber leider gar nichts, sofern eine flipclock nicht das einzige ist, was du jemals mit HTML machen willst.

Script mittig darstellen

manuel.wolf

Neues Mitglied

Aaron3219

Senior HTML'ler

Neueste Beiträge