HTML5 – die besten Beiträge

Verwandte Themen

P05m05

16.10.2020, 20:43

Mit Bildern

html Navigationsleiste zentrieren?

Hi, wie kann ich machen, dass die Navigationsleiste, bzw. die Items, also die verschiedenen Tabellenreihen zentriert werden?
Code & Seite siehe Bilder

2 Antworten

ArduinoGeek

09.10.2020, 16:30

Alternative zu <iframe>?

Hi everybody, auf meiner Website soll eigentlich ein iFrame von repl.it angzeigt werden. Leider steht da, dass repl.it die Verbindung abgelehnt hat, warscheinlich aus Sicherheitsgründen. Daher meine Frage, gibt es eine Alternative, welche ähnlich wie iframe funktioniert?

3 Antworten

twforum

23.09.2020, 04:20

Mit Links

Mobiles Menü lässt sich auf WordPress nicht öffnen (Divi). Kennt jemand eine Lösung?

Hallo,

ich habe in den vergangenen Tagen extrem an meiner Webseite gebastelt und habe jetzt gesehen, dass mein mobiles Menü im WordPress-Theme Divi nicht mehr funktioniert. www.gooloo.de).

Sowohl der "Suchen"-Button, als auch das Menü lassen sich per Fingertipp nicht mehr öffnen/verwenden. Kann da ein Webdesigner vielleicht einen Fehler entdecken, den ich gemacht habe?

1 Antwort

verreisterNutzer

07.09.2020, 15:52

Wie kann man den Header immer beim runter scrollen sehen, css + html?

2 Antworten

JayHey123

26.08.2020, 17:10

Mit Bildern

Html/CSS float tag funktioniert nicht?

Hi!

Ich schreibe gerade eine Website und wollte bei CSS das Float tag anwenden (Float: right;). Als ich die Website dann neu geladen habe ist nichts passiert und das Element ist links geblieben. Ich nutze Bootstrap für die Website, hat das vielleicht was damit zu tun? Falls ihr mehr Infos braucht, schreibt gerne.

3 Antworten

Blurb1

25.08.2020, 18:33

Einen Sound beim klicken eines Textes abspielen (JavaScript)?

Hi,

Ich arbeite gerade an einem ARG und für einen Rätsel muss man auf einer Seite einen Text finden und darauf klicken. Jetzt will ich, dass dann ein Ton ertönt, wenn man darauf geklickt hat. Wie mache ich das ? Ich habe auf jeglichen Foren geschaut, aber alle Scripte haben keinen Ton abgespielt.

Danke im voraus

3 Antworten

TimEr303er

12.08.2020, 23:09

Hallo ist es möglich nur mit HTML, Java und CSS ein Chat System zu Programmieren?

Hallo, ich möchte einen Chat für mich und meine Freunde nur in HTML, Java und CSS schreiben. Ich kenne mich in allen Sprachen nicht wirklich aus aber ich denke es ist trotzdem möglich. Nur kann ich nirgends ein Tutorial dazu finden. Jetzt frag ich mich: ob es geht und ob jemand ein Funktionierendes Beispiel kennt oder ein Tutorial?

6 Antworten

GeorgeGeorge01

10.07.2020, 23:11

Mit Umfrage

Sind die Programmiersprachen HTML (5), CSS & JavaScript noch relevant?

Hallo Leute, des Weiteren frage ich mich, ob die Sprachen auch in der Zukunft gebraucht werden?

Die 5 habe ich im Titel geklammert, weil HTML vielleicht neue Versionen bekommen könnte.

Ich wünsche euch einen schönen Tag/Nacht

GeorgeGeorge01

HTML 5, CSS und JavaScript bleiben noch weiter relevant +Zukunft 94%

Nur JavaScript ist relevant +Zukunft 6%

HTML 5, CSS und JavaScript bleiben noch weiter relevant 0%

HTML 5 und CSS sind nicht relevant 0%

Nur JavaScript ist relevant 0%

HTML 5, CSS und JavaScript sind nicht relevant 0%

Ich möchte Dir eine andere Antwort hinterlassen: 0%

7 Antworten

Instabelike

09.06.2020, 09:41

Unterschied zwischen <br> und <br />?

Hallo,

was ist der Unterschied zwischen <br> und <br /> oder auch zwischen <script> </script> und <script />?

Freue mich auf freundliche Antworten!

3 Antworten

Hendiplayer

24.05.2020, 14:47

Wenn man auf einer Website einen Button integrieren möchte, der die Farbe ändert wenn man mit dem Mauszeiger drüber geht, nutzt man da eher Javascript oder?

jQuery Code dafür? Und der Button soll natürlich wenn man mit der Maus wieder vom Button runtergeht die Ursprungsfarbe annehmen?

6 Antworten

Hendiplayer

21.05.2020, 17:13

Mit Bildern

Wie bekomme ich es hin, das die Kästen beim verkleinern des Fensters über die gesamte Länge geht?

Ich habe bisher das:

und verkleinert sieht es so aus:

Aussehen soll es aber so:

Hier mein Code:

<!DOCTYPE html>
<html>
   <head>
      <title></title>
      <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
      <style>
         header {
         text-align: center;
         font-size: 3em;
         padding: 5px;
         color: #fff;
         background-color: #FFBF00;
         }
         .wrapper { display:flex }
         @media screen and (max-width:620px) {
         .wrapper {display:block }
         }
         nav {
         width:15%;
         text-align: center;
         font-size: 2em;
         padding-right: 60px;
         color: #fff;
         background-color: #819FF7;
         margin-right: 10px;
         margin-bottom: 150px;
         }
         a {color: #fff }
         li {list-style: none }
         article {
         width:70%;
         color: #BDBDBD;
         }
         aside {
         color: #fff;
         width: 15%
         text-align: center;
         font-size: 1em;
         padding: 10px;
         padding-right: 60px;
         background-color: #01DFD7;
         margin-bottom: 150px;
         }
         footer {
         text-align: center;
         font-size: 1em;
         padding: 10px;
         padding-right: 60px;
         background-color: #D8D8D8;
         color: #A4A4A4;
         }
      </style>
   </head>
   <body>
      <header><h2>Header</h2></header>
      <div class="wrapper">
           <nav>
            <ul>
               <li><a href="" target="_blank">Link 1</a></li>
               <li><a href="" target="_blank">Link 2</a></li>
               <li><a href="" target="_blank">Link 3</a></li>
               <li><a href="" target="_blank">Link 4</a></li>
            </ul>
         </nav>
         <article>
            <h3>Lorem Ipsum</h3>
               <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr,
               sed diam nonumy eirmod tempor invidunt ut labore et dolore
               magna aliquyam erat, sed diam voluptua. At vero eos et
               accusam et justo duo dolores et ea rebum. Stet clita kasd
               gubergren, no sea takimata sanctus est Lorem ipsum dolor sit
               amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr,
               sed diam nonumy eirmod tempor invidunt ut labore et dolore
            magna aliquyam.</p>
         </article>
         <aside>
            <h2>About</h2>
            <p>Lorem ipsum dolor<br>
               sit ametr,<br>
               consecteteuer<br>
               adipiscing elit.
            </p>
         </aside>
      </div>
      <footer>
         <p>&copy; </p>
      </footer>
   </body>
</html>

3 Antworten

oime3

21.05.2020, 09:54

Wie kann ich einen Html5 Code eines Banners in Gif Datei umwandeln?

2 Antworten

bycrix1

12.04.2020, 18:10

Mit Links

HTML: Scroll-to-top-Button geht nicht?

Ich habe gerade einen Scroll-to-top-Button in meine HTML-Webseite eingefügt. Von der Grafik her funktioniert alles, aber die Funktionalität ist nicht so der Hammer. Also er scrollt nicht hoch, wenn man ihn drückt.

In dem Tutorial (siehe unten) wird das Ganze mit JS gemacht. Also das hier ist der Teil aus JS, der dafür sorgt, dass die Seite nach oben scrollt, wenn man ihn drückt:

<script>
  const btnScrollToTop = document.querySelector("#btnScrollToTop")
  btnScrollToTop.addEventListener("click", function() {
    windows.scrollTo(0, 0);
  });
</script>

Muss man JS im head mit einem <link> einbinden, sowie man das mit .css macht?

P.S.: Das ist das erste Mal, dass ich JS benutze.

https://www.youtube.com/watch?v=FK5DEa1Hvco

2 Antworten

bycrix1

11.04.2020, 14:04

HTML, 2 Bilder in einer Reihe?

Hallo Leute,

Ich wollte gerade zwei Bilder in eine Reihe bringen. Des erste Bild auf die linke Seite zu bekommen und das zweite auf die rechte zu schieben, habe ich hinbekommen. Jetzt ist nur noch das Problem, dass die Bilder nicht nebeneinander, sondern untereinander sind.

Was muss ich hinzufügen, dass die Bilder in einer Reihe sind?

Pastebin.com/gccrXskr

4 Antworten

firefighter2712

28.03.2020, 00:03

HTML: Start-/Stop-Button für eine mp3-Datei?

Moin,

ich würde gerne meine drei HTML-Buttons mit den Sounds "null", "eins" und "zwei" so umfunktionieren, sodass sie beim zweiten Mal daraufklicken den Sound aufhören zu spielen. Also beim ersten Mal klicken Start und beim zweiten Mal klicken Sound-Stop.

Es wäre cool, wenn Ihr das direkt in mein Skript schreiben würdet. 😀

MfG

Tim

<!DOCTYPE html>
<html>
  <head>
    <style>
      nav#nav1 {
        margin-top: 48px;
      }

      nav#nav1 > a {
        background: #B9E1FF;
        color: #000;
        padding: 20px;
        text-decoration: none;
        border-radius: 10px;
        font-family: "Arial Black", Gadget, sans-serif;
      }

      nav#nav1 > a:hover {
        background: #BBEA00;
      }

      nav#nav1 > a:active {
        background: #EEFFA8;
      }
    </style>
    <script>
      var null = new Audio();
      null.src = 'null.mp3';
    </script>
    <script>
      var eins = new Audio();
      eins.src = 'eins.mp3';
    </script>
    <script>
      var zwei = new Audio();
      zwei.src = 'zwei.mp3';
    </script>
  </head>
  <body>
    <nav id="nav1">
      <a href="#" onmousedown="null.play()">Sound 0</a>
      <a href="#" onmousedown="eins.play()">Sound 1</a>
      <a href="#" onmousedown="zwei.play()">Sound 2</a>
    </nav>
    </script>
  </body>
</html>

2 Antworten

Instabelike

26.03.2020, 12:18

Button welcher beim Scrollen auf Webseite an gleicher Position unten rechts bleibt HTML?

Hallo,

ich habe eine Frage, wie muss ich das in CSS machen, das ein Button, welcher ein Bild ist, immer unten rechts in der Ecke angezeigt wird? Der Knopf ist eine <img>.

Muss ich in CSS img {position:fixed;} eingeben damit er beim scrollen immer da bleibt? Und muss wie soll ich den Code machen, damit er leicht durchsichtig unten rechts ist?

3 Antworten

Anitarus

26.02.2020, 21:10

Warum ist Html keine Programmiersprache?

Das es keine ist weiß ich aber warum ist das so?

5 Antworten

Ananasdublone

03.02.2020, 16:35

HTML5 Playlist erstellen?

Hallo,

ich mache gerade eine Seite worauf einige Videos in einer Playlist in einer reinfolge ablaufen sollen. Ich habe aber nicht Herausgefunden wie man eine Playlist in HTML macht.

2 Antworten

falscherSamu

01.02.2020, 21:27

Mit Bildern

Bestimmte Zeile in HTML per JavaScript ändern?

Hey,

wie ihr wahrscheinlich wisst, hat man am Anfang eines jeden HTML-Dokuments

den Head-Teil. Ich möchte gerne per JavaScript die mit Rot markierte Zeile ändern. Also ich möchte die Style.css per Klick auf einen Link (<a>, darin ein <i>) ändern.

Bitte schreibt einfach das Script rein, mit welchem ich dann die Zeile ganz einfach ändern kann!

PS: Ist für Darkmode, da mir das als "einfachste" Lösung erscheint.

Grüße

4 Antworten

IsGeheim

11.01.2020, 18:17

JavaScript Variable mit Schieberegler anpassen?

Hallo,

ich programmiere zur Zeit mit Canvas ein kleines Spiel für die Schule. Allerdings gibt es da ein kleines Problem.

Ich möchte gerne die Geschwindigkeit des Spieler individuell mit Hilfe eines range input-Elements verändern. Allerdings bekomme ich es nicht hin, den Output erfolgreich der Variable zuzuordnen.

Hier der Code:

<body>
  <canvas id="canvas" width="600" height="400" tabindex="1"></canvas>
  <div class="slidecontainer">
    <input type="range" min="1" max="10" value="5" class="slider" id="gs" onchange="input(this.value);">
  </div>
  <script>
    var canvas = document.getElementById('canvas');
    var context = canvas.getContext('2d');
    var score = 0;

    // Spieler Werte
    var x = 50;
    var y = 100;
    var speed = 6;
    var sideLength = 50;
  </script>
</body>

1 Antwort

HTML5 – die besten Beiträge

html Navigationsleiste zentrieren?

Alternative zu <iframe>?

Mobiles Menü lässt sich auf WordPress nicht öffnen (Divi). Kennt jemand eine Lösung?

Wie kann man den Header immer beim runter scrollen sehen, css + html?

Html/CSS float tag funktioniert nicht?

Einen Sound beim klicken eines Textes abspielen (JavaScript)?

Hallo ist es möglich nur mit HTML, Java und CSS ein Chat System zu Programmieren?

Sind die Programmiersprachen HTML (5), CSS & JavaScript noch relevant?

Unterschied zwischen <br> und <br />?

Wenn man auf einer Website einen Button integrieren möchte, der die Farbe ändert wenn man mit dem Mauszeiger drüber geht, nutzt man da eher Javascript oder?

Wie bekomme ich es hin, das die Kästen beim verkleinern des Fensters über die gesamte Länge geht?

Wie kann ich einen Html5 Code eines Banners in Gif Datei umwandeln?

HTML: Scroll-to-top-Button geht nicht?

HTML, 2 Bilder in einer Reihe?

HTML: Start-/Stop-Button für eine mp3-Datei?

Button welcher beim Scrollen auf Webseite an gleicher Position unten rechts bleibt HTML?

Warum ist Html keine Programmiersprache?

HTML5 Playlist erstellen?

Bestimmte Zeile in HTML per JavaScript ändern?

JavaScript Variable mit Schieberegler anpassen?

Meistgelesene Beiträge zum Thema HTML5