HTML5 - die besten Fragen

Verwandte Themen

ArduinoGeek

21.01.2021, 12:34

Hi, ich will, dass zum Beispiel ein Link, wenn man über ihn fährt mit der maus größer und unterstrichen wird. Das geht ja zum Beispeil mit

a:hover {
  text-decoration: underline;
  font-size: 200%;
}

Das funktioniert auch gut, ich will aber dass dabei eine kleine Animation passiert. Der Strich soll sich von links nach rechts "aufbauen" und die Schrift soll langsam größer werden. Wie kann man das mit nur css machen?

3 Antworten

PinkPonyFluffy

16.01.2021, 00:02

Mit Links

php passwort überpüfung?

Guten Abend, ich habe eine Html Datei erstellt die eine Loginseite darstellt. Dazu habe ich eine PHP Datei erstellt die das Passwort abfragen soll. Aber wenn ich auf einloggen klicke wird mir nur der Code der PHP angezeigt. Also ich kann mich weder einlogen noch sagt mir die PHP ob das Passwort falsch ist. Was kann ich tun.

Der Html code:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Login</title>
<link rel="shortcut icon" type="image/x-icon" href="https://www.flaticon.com/premium-icon/icons/svg/2395/2395608.svg" />
<link rel="stylesheet" type="text/css" href="../CSS/global.css">
</head>
<style type="text/css"></style>
<body>
<div class="form-container">
<div id="benutzer-bild"></div>
<center><h2><b>Login</b></h2></center>
<form method="POST" action="loign.php">
Benutzername: <input type="text" name="user"/><br>
Passwort: <input type="password" name="password"/><br>
<input type="submit" value="Einloggen"/>
</form>
</div>
</body>
</html>
der PHP code:
<?php
$user = $_POST['user'];
$password = $_POST['password'];
if ($user=="Admin" && $password==Admin)
{
  header('location:startseite.html');
}
else
{
  echo "dfgdfgfdgdfgdfg";
}
?>

2 Antworten

BlueAskSwer

03.01.2021, 19:34

Adobe Flash Alternativen / HTML5?

Adobe Flash wurde Ende 2020 ausgeschaltet.

Ich sehe das populär Webseiten die Flash Spiele anboten jetzt "auf HTML5 umschalten", wie z.B. CoolMathGames.

Wie machen die das aber? Welche Engine verwenden sie?

Ich suche also eine Engine wie Adobe Flash, in der man Browser Spiele mit HTML5 machen kann.

Danke im voraus.

2 Antworten

ArduinoGeek

22.12.2020, 15:43

Mit Bildern

div genau mittig zentrieren?

Hi, ich will ein <div> mittig zentrieren, also nicht nur horizontal sondern auch vertikal, also einfach in der Mitte des Bildschirms. Jemand ne Idee wie das gehen könnte, hab schon fast das ganze Internet durchkämmt...

So soll das am Ende sein... DANKE!!!

2 Antworten

nai96

11.12.2020, 13:14

Interaktives 3D Objekt in HTML einbinden?

Hey,

Hat jemand eine Idee wie ich eigene 3D Objekte in HTML einbinden kann? Am besten so, dass es sich z. B. dreht. Eines, dass man durch klicken und ziehen selbst rotieren kann, wäre natürlich das non-plus-ultra.

2 Antworten

kleinschwendi

05.12.2020, 14:05

Html elemente nacheinander laden erzwingen?

Hallo

Ist es möglich die Elemente nacheinander zu laden im HTML Dokument? Dass das script nach der Reihe von oben gelesen wird ist mir klar. Mein Problem ist das einige elemente schon angezeit werden, bevor ein element davor fertig geladen ist und noch nicht sichtbar ist.

2 Antworten

Tababab

23.10.2020, 12:36

Unterschied von html und body im CSS?

Hey, wo liegt denn der Unterschied, wenn man CSS für Body { ... } und HTML { ... } angibt? I.d.R. schreibt man dort ja Angaben zur Breite, Schriftart ect.

1 Antwort

Lqksv128181

18.10.2020, 14:23

Welche Programmiersprache wird bei HTML5 Browsergames benutzt?

Also man nutzt ja HTML5 nicht für das embeddete Spiel, ich habe gehört, viele nutzen da Java Script, was kann man dafür sonst noch so benutzen?

2 Antworten

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

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

ChiefofGame

10.07.2020, 11:56

Java script onklick button?

Ich möchte ein Javascript in meine Website einbauen um die Website übersetzen zu können. Diser Stadard Google translate Code sieht jedoch sehr unschön aus und ich wollte fragen, ob/wie es geht einen Knopf einzubauen, der einen Alert oder ein Popup auslöst, indem dieses Script ausgeführt wird und man die Sprache wählen kann.

Script:

<div id="google_translate_element"></div>
            <script type="text/javascript">
                function googleTranslateElementInit() {
                    new google.translate.TranslateElement(
                        { pageLanguage: 'de' },
                        'google_translate_element'
                    );
            }
            </script>
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

P.S. Falls es eine andere Möglichkeit gibt die Seite zu übersetzen (es handelt sich um einen Blog für mein anstehendes Auslandsjahr), also nur Von Deutsch zu Englisch notwendig, dass es Familie UND Gastfamilie lesen können bin ich gerne offen dafür

Danke schon einmal im Vorraus.

2 Antworten

RayLaMue

30.06.2020, 13:24

Wie erkenne ich alle Cookies auf meiner Seite, bzw. wo kommen die alle her?

Hi Leute,

ich bin gerade dabei meine Webseite auf die neuen Datenschutzrichtlinien, bzw. Cookie-Richtlinien anzupassen.

Da ich die Webseite mit jeder Zeile selbst geschrieben habe, weiß ich natürlich was an welcher Stelle eingesetzt wurde oder wird.

Jetzt ist mit etwas komisches aufgefallen.

Wenn man meine Seite das 1. mal lädt und man mit der Maus über das " I " hovert ,um die Cookies zu sehen, werden zig Cookies angezeigt, die ich überhaupt nicht implementiert haben. Nachdem ich auf einen Button meiner Navigation geklickt habe und dann wieder über das "I" hover, werden die richtigen Cookies angezeigt.

Habt ihr eine Idee was das sein kann, bzw. wo die anderen Cookies herkommen?

Vielen Dank für eure Hilfe.

2 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

Verwandte Themen

Meistgelesene Beiträge zum Thema HTML5