Warum funktioniert das hier mit row-cols-2 von Bootstrap:

<div class="container">
        <div class="row row-cols-2">
          <div class="col">Column</div>
          <div class="col">Column</div>
          <div class="col">Column</div>
          <div class="col">Column</div>
        </div>
      </div>

Dies hier aber nicht? Die zwei Elemente nimmt er hier nicht an, was übersehe ich?

<div class="container">
        <div class="row g-3 row-cols-2">
            <div class="card" style="width: 18rem;">
                <div class="card-body">
                  <h5 class="card-title">Card title</h5>
                  <h6 class="card-subtitle mb-2 text-body-secondary">Card subtitle</h6>
                  <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
                  <a href="#" class="card-link">Card link</a>
                  <a href="#" class="card-link">Another link</a>
                </div>
            </div>
            <div class="card" style="width: 18rem;">
                <div class="card-body">
                  <h5 class="card-title">Card title</h5>
                  <h6 class="card-subtitle mb-2 text-body-secondary">Card subtitle</h6>
                  <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
                  <a href="#" class="card-link">Card link</a>
                  <a href="#" class="card-link">Another link</a>
                </div>
            </div>
            <div class="card" style="width: 18rem;">
                <div class="card-body">
                  <h5 class="card-title">Card title</h5>
                  <h6 class="card-subtitle mb-2 text-body-secondary">Card subtitle</h6>
                  <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
                  <a href="#" class="card-link">Card link</a>
                  <a href="#" class="card-link">Another link</a>
                </div>
            </div>
            <div class="card" style="width: 18rem;">
                <div class="card-body">
                  <h5 class="card-title">Card title</h5>
                  <h6 class="card-subtitle mb-2 text-body-secondary">Card subtitle</h6>
                  <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
                  <a href="#" class="card-link">Card link</a>
                  <a href="#" class="card-link">Another link</a>
                </div>
            </div>
            <div class="card" style="width: 18rem;">
                <div class="card-body">
                  <h5 class="card-title">Card title</h5>
                  <h6 class="card-subtitle mb-2 text-body-secondary">Card subtitle</h6>
                  <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
                  <a href="#" class="card-link">Card link</a>
                  <a href="#" class="card-link">Another link</a>
                </div>
            </div>
        </div>
    </div>

Nach langem Überlegen habe ich mich für einen Online-Shop entschieden und dazu habe ich ein paar Fragen:

1) Reichen ca. 400 Stunden (Programmier-/Lernzeit), um so ein großes Projekt wie einen Online-Shop (auf Junior-Level) zu programmieren?

Ich habe bis jetzt ca. 300 Stunden gelernt + ein paar kleine Projekte gebaut (HTML, CSS, JS, React und ein bisschen Backend Node.js). Und ich wollte noch ca. 100 Stunden nutzen, um noch paar Sachen zu lernen, welche ich für den Bau von einem Online-Shop gebrauchen könnte.

Somit wäre ich bei ca. 400 Stunden Lernzeit. Reicht es?

2) So ein Online-Shop auf (Junior-Level): Wie viele Stunden braucht man, um es zu bauen, wenn man wie gesagt ca. 400 Stunden Lernzeit hinter sich hat?

3) Und was müsste ich noch wissen, außer HTML / CSS / JS / React / Node.js?

Mit GitHub kenne ich mich auch mittlerweile aus und ich will es dann am Ende auf Vercel deployen.

Vielen Dank!

Hallo Community,

für unser Unternehmen möchte ich gerne eine einfache Website selbst erstellen.

.

Folgende Tabs möchte ich haben: Start - Über uns - Leistungen - Wissenswertes - Kontakt

Auf der Startseite möchte ich eine Slideshow von Bildern unserer Firma einfügen, bei Über uns Bilder von unserem Team, bei Leistungen eine Auflistung unsere Leistungen, bei Kontakt eben Kontaktmöglichkeiten inklusive Google Maps Location.

Und in der Fußzeile (die auf allen Seiten zu sehen ist) sollten nochmal allgemeine Informationen wie Kontakt, Adresse, Öffnungszeiten, google Maps, Impressum, Datenschutzerklärung zu sehen sein.

.

Alles in allem also eine sehr einfache basic Website. Trotzdem eine Herausforderung für mich, da ich kein Webdesigner bin. Ich möchte die Seite trotzdem selbst erstellen und sie nicht in Auftrag geben.

.

Ich frage mich deshalb, bzw frage euch Webdesign-Community, ob es einfach möglich ist, den Quellcode einer Muster-Website (oder den einer schon vorhandenen Website) zu nehmen und an den relevanten Stellen die eigenen Inhalte einzufügen.

Wenn ja, woher bekomme ich solche Muster und/oder wo sind Herausforderungen, wenn ich einfach eine vorhandene Website kopieren und die relvanten Inhalte (Namen, Texte, Bilder) austauschen möchte?

.

Angenommen habe ich Projekt allein entwickelt. Restaurant website mit PHP und Java.

Dann lese ich Buch Advaned Java und PHP

Kann man das gelernte aus dem Buch auf dem Projekt anwenden, um das zu verbessern? also Advaned

Will aus einem Link einen Barcode generieren, jedoch wird der barcode sehr detailliert mit vielen unterschiedlich angeordneten Pixeln, wenn ich den sehr langen Link nehme. Es gibt Websites wodurch ich diesen Link verkleinern kann jedoch ist da dann der Website Name drin. Gibt es da Dienste von Google oder sowas wodurch das einfacher ist ?

Hallo liebe Freunde,

kann mir jemand bitte erklären wie man so einen Header erstellt wie auf dieser Webseite, dass die Überschrift Fest ist an der Navbar?

https://angelina-yourmoon.com/

und ob die Webseite über wordpress, oder webflow oder so läuft ?

vielen Dank schon mal <3

Hallo zusammen

Ich mcöhte gerne diese folgende Tabelle gemäss Abbildung dargegstellt erhalten als HTML.

Ich habe es bisher nur geschafft alles ohne

Spalte 1a Zeile 3, Spalte 2c Zeile 3 zu machen.

Kann mir jemand Helfen?

Vielen Dank!
LG calgia

Ich muss bis nächste Woche eine HTML-Website erstellen, und wollte meinem HTML-Dokument ein Stylesheet hinzufügen, jedoch wird das Stylesheet nicht übernommen, was ist der Grund dafür?

Hier sind Screenshots vom Code:

HTML:

CSS:

Kann mir bitte jemand sagen, woran der Fehler liegt?

Hey, ich habe angefangen, Webentwicklung zu lernen und habe am Anfang HTML, CSS gelernt, dann JS / React / und ein bisschen Node.js MongoDB.

Ich habe auch schon kleine Apps programmiert, wie einen Taschenrechner/ To-Do-App und eine kleine Wetter-App gebaut.

Ich habe ungefähr 300 Stunden gebraucht. Jetzt will ich mich an ein großes Projekt trauen, wie eine Chat-App.

Klar wird es nicht so umfangreich da ich alleine bin und noch viel lernen muss, aber denkt ihr: Kann man nach 300 Stunden Programmiererfahrung es anfangen zu programmieren? Und wie viele Wochen könnte es dauern, wenn ich jeden Tag ca. 6-8 Stunden programmieren und lernen würde?

Hallo,

ich brauche Hilfe bei der textmäßigen Erstellung von SVG-Grafiken ohne Grafikprogramm.

In einem HTML Dokument möchte ich Orte auf der Landkarte mit Pfeilen verbinden. Es geht um eine Weltreise.

Pro Verbindung zwischen zwei Orten möchte ich eine transparente SVG-Grafik, die ich auf die Weltkarte lege. Habe mich mit SVG noch kaum beschäftigt.

Die Marker auf der Karte sind bereits mit CSS left:50%;top:50%; positioniert. Hoffentlich geht das mit SVG auch.

Hier die Karte, noch ohne Reiseroute:

Welche Projekte?

Vorweg, ich weiß, dass „programmieren können“ ein sehr dehnbarer Begriff ist und es einen großen Unterscheid zwischen einem Full Stack Developer und einem Hobby-Skripter gibt, der Tastenkombinationen automatisiert.

Trotzdem die Frage, wie lange braucht ein absoluter Beginner ohne jegliche Vorkenntnisse bis er auf dem Niveau ist, Projekte zu realisieren, wie beispielsweise eine professionelle Website (zb wie Apple.com)? Also eher Fokus Anwendung: Freie Wirtschaft, sprich Websites, Apps, Dashboards etc.

Was ist da eure Einschätzung? Nach wie vielen Wochen/Monaten/Jahren hat man welchen Milestone erreicht?

Hallo zusammen,

ich will das auf meiner Webseite auf der rechten hälfte das Bild ist und auf der linken Seite eine Farbe z.B. Grau, wie kann ich's machen dass sich das rechte bild sich dann zur mitte in die Hintergrundfarbe verläuft?

Danke!

Hallo zusammen ich hab da diesen code und will dass wenn ich drüber gehe dass bei jedem einzelnen der unterstrich von links nach rechts geht aber jetzt ist der strich einfach unter allen links wie kann ich`s machen dass es unter jedem einzelnem link einzeln ausgeführt wird?

danke im voraus

Hallo zusammen,

habt ihr ideen wo man webseiten design ideen bekommt?

ich programmiere gerade mein Portfolio, hab aber irgendwie keine Designidee und finde auch keine passenden im internet.

Danke!

ich programmiere gerade in html und möchte auf einer seite zwei buttons haben die jeweils auf eine andere html seite verlinken. das problem ist aber das diese ja den gleichen anchor tags brauchen also <a href="seite2.htmll">seite zwei</a>.

aber wenn ich beide mit dem gleichen tag also "a" mache kann ich beim css nicht beide individuell designen und beide Buttons sehen gleich aus.

wie kann man das fixen?

Hallöle, ich hab da mal eine frage und zwar würde ich gerne das sich per ''onclick'' Button 2 Bilder tauschen also Bild 1 soll auf den platz von Bild 2 und Bild 2 auf Bild platz 1 versteht ihr? ich verstehe nicht ganz wie

<body>
    <div class="bar">
      <img src="img/menü.png" alt="" />
      Währungsrechner
    </div>


    <div class="input-container">
      <img class="flag" src="img/eu.png" alt="" />
      <input value="" id="euroField" type="text" />
      <span class="currency">EUR</span>
    </div>


    <div class="center-container">
      <img src="img/pfeile.png" alt="" />
    </div>


    <div class="input-container">
      <img class="flag" src="img/usa.png" alt="" />
      <input value="" id="usdField" type="text" />
      <span class="currency">USD</span>
    </div>


    <div class="center-container">
      <button onclick="calc()">$ Berechnen</button>
      <button onclick="euro()">€ Berechnen</button>
    </div>


    <script src="script.js"></script>
  </body>

Hallöchen 👋 

Bin gaaanz neu in der Thematik programmieren, und zwar ich würde gerne bei meinem aktuell Projekt (Währungsrechner) noch die Funktion hinzufügen das man von USD zu Euro umrechnen kann. 

Ich habe selbst probiert eine "Funktion" hinzuzufügen allerdings funktioniert diese wohl nicht. Wäre um Hilfe und eine kleine erklärung sehr sehr dankbar. (Benutze VS)

Hallo zusammen,

Ich arbeite gerade an einer Website für meinen Verein.

Ich beschäftige mich jetzt mit dem Thema responsive design… Nun will ich anfangen und habe schon mal vorab getestet wie es denn auf einem Smartphone aussehen würde (mit Crome Entwickler Tools). Nur ist jetzt das Problem, dass trotz der Einstellung width: 99vw; das div, was meine ganze Seite umschließen, in der Handy Version nur halb so groß ist (Siehe Foto)

Das beeinflusst auch irgendwie meine ganze Seite die dadurch ziemlich verzogen wird.

Vielen Dank im Voraus😊

Wie im Titel schon beschrieben, möchte ich eine Unterseite "bauen", die eine Galerie-Übersicht darstellt.

Wenn man eine bestimmte CARD dann halt anklickt, wird man zu einer weiteren Blog-Unterseite mit dem bestimmten "Thema" als Bildfolge geleitet.

Ich habe schon mal etwas versucht: http://misanthrop.bplaced.net/test/open-public/Testseite-V11b1__13-07-24_BG%C3%9C.html

Ich bin aber damit nicht ganz zufrieden, weil ich meine, dass da noch Fehler drinstecken.

Meine Frage dazu: Das Ganze funktioniert anscheinend nur, wenn ich jeder CARD eine feste Breite in PX gebe, sodass, wenn ich das Browserfenster zusammenschiebe, sich die Anzahl der Cards in der Reihe verringern und in die nächste Reihe rutschen. Das ist auch gewünscht und dazu nutze ich CSS-Grid.

Nur ist meine Frage, ob es eventuell noch eleganter geht oder nur auf diesem Wege.

Bei einem schmalen Browserfenster und zum Beispiel 500% Schriftgröße rutscht das Grid mit der Klasse work-wrapper seitlich rechts außerhalb meines html bzw. body hinüber. Woran liegt das wieder?

Könnt ihr da bitte einmal darübergucken und mir Tipps geben?

Grüße M.

Kann mir jemand helfen? Ich würde gerne wieder zu dem alten Format zurückkehren. Wie kann ich das am schnellsten machen? Das hier ist unser altes Format:

Das Bild hier ist die neue Anzeige, ich denke durch das Update hat sich das zusätzliche CSS/HTML geändert.

Guten Morgen und willkommen in meinem ersten Beitrag in diesem Forum,

Eigentlich schäme ich mich fast, zuzugeben, ITler zu sein und dann vor solch einem mickrig anmutenden "Problemchen" zu stehen und dieses nicht lösen zu können und es ist auch tatsächlich so, dass ich mich zum ersten Mal wegen einem IT-Thema Hilfe suchend an ein Forum wende. Naja, man wird alt …

➡️ Die Problematik: Seit einigen Wochen werden Internetseiten, die ich aufrufe, nicht mehr richtig dargestellt. 

• Beispiel 1:
Das beste Beispiel ist Google. Sobald ich die Startseite aufrufen, sieht das so aus:

Richtig, das ist das Mikrofon-Icon, , dass man anklicken kann, wenn man seine Frage per Spracheingabe stellen möchte. Dieses wird überdimensioniert dargestellt und wenn ich nur einen Mini-Schritt nach unten gehe (zum Beispiel 3x die Pfeil Taste unten drücke), dann springt es komplett an eine andere Position und ich kann die Seite sehen, wie ich sie sehen will (im Screenshot rot markiert):

• Beispiel 2:
Nun passiert das leider nicht nur auf Google, sondern auf ganz vielen verschiedenen Seiten. Wenn ich z.B. die Seite caya.com aufrufe, dann sieht das statt so

so aus:

Ebenfalls nur so lange, bis ich einen kleinen Schritt nach unten scrollen – dann ist alles wieder so, wie es soll.

• Beispiel 3:
Auch wenn ich diese Seite hier, gutefrage.net aufrufe, dann sieht das erst einmal so aus:

Also der Bereich, der quasi darauf hinweist, dass die Seite nicht mit einem Werbeblocker geöffnet werden kann und der vermutlich in eine Art virtuellem aberkennen sollte, erscheint direkt unformatiert auf der Seite.

⚡Wer hat einen Geistesblitz?
Ich liebe den Opera Browser so sehr, dass ich ungern wegen diesem Problem auf einen anderen Browser wechseln möchte – andererseits regt es mich zwischenzeitlich so sehr auf, dass ich jedes Mal explodieren könnte, wenn sich eine Seite wieder so falsch darstellt. Die Einstellungen bin ich schon hoch und runter durchgegangen, konnte keine Lösung finden.

Ich bin also für jeden Tipp dankbar! 😍

Kennt ihr bestimmte Youtuber etc. ,die ihr mir empfehlen würdet? Irgendwelche hilfreichen KI-Tools/Plugins?

In meiner React Component (siehe unten) ist leider das Icon ArrowUpCircleSharp von "react-icons" innen unausgefüllt was nicht schön aussieht wenn es sich über Text und Bilder bewegt, andere Icons wie von FontAwesome Material Icons haben das gleiche Problem. Ich habe es versucht mit den Props Stroke, Fill und mit CSS background, ändert aber nur das Schwarze außen und nicht innerhalb vom Icon.
Was kann ich tun ? Will jetzt nicht umbedingt eine ganze Library einbinden für das Icon, bei react-icons hab ich den Vorteil das es nur die benutzen auch wirklich nutzt,

'use client';
import { useEffect, useState } from "react";
import "../.././assets/styles/components/ScrollToTop/ScrollToTop.scss";
import { IoArrowUpCircleSharp} from "react-icons/io5";


export const ScrollToTop = () => {

const [ScrollY,setScrollY] = useState<number>(0);

useEffect(() => {
    window.addEventListener("scroll",() => setScrollY(document.documentElement.scrollTop))

    return () => {
        window.addEventListener("scroll",() => setScrollY(document.documentElement.scrollTop))
    }
}, [ScrollY])

    return(

        <div
            onClick={()=>{ScrollY > 100 ?
            window.scrollTo({
                behavior : "smooth",
                left : 0,
                top : 0})
            :
            window.scrollTo({
                behavior : "smooth",
                left : 0,
                top : document.body.scrollHeight});
            }}
        className={`ScrollToTop ${ScrollY > 100 ? " ScrollToTop_Up" : "ScrollToTop_Down"}`}>
                <IoArrowUpCircleSharp/>
        </div>
    )
}

Hallo welchen css Befehl brauche ich damit wenn ich nach unten scrolle dass der weiße Kasten hinter der Menüleiste oben ist und nicht vor?

Danke!

Hallo zusammen,

ich hab die Menüleiste oben wo die links drauf sind auf der Webseite fixiert sodass wenn ich scrolle sich nur der Hauptbereich bewegt und die Menüleiste bleibt oben.

Wie kann ich machen dass wenn ich auf ein Seiteninternen Link klicke dass dann die Seite erst unter der Menüleiste anfängt nicht ganz oben hinter der menüleiste?

Vielen Dank!

Hallo,

ich möchte meine Website gerne im alten Terminal Look haben (siehe Bilder unten). Weiß jemand von euch wie die Schriftart heißt, die alte PC Terminals nutzten und wie ich es hinbekomme, dass diese dann auch so Pixelig ist?

kann man Websiten erstellen mit diesen Baukasten Homepage und die dann weiter verkaufen

Moin moin,

ich habe mal eine Frage. Ich bin nicht wirklich der erfahrene Coder, habe aber folgendes Problem: ich möchte auf meiner WordPress Website in einen Beitrag einen externen HTML Code, genauer einen Rechner mit einbinden. Ganz einfach über die Gutenbergfunktion HTML Code einfügen. Wenn ich das mache, wird der Rechner zwar angezeigt und funktioniert auch, jedoch werden alle globalen Stile, die die sonst auf meinen anderen WordPress Beiträgen vorhanden sind überschrieben. Beispielsweise sind die Schriftgrößen alle verschieden und viel größer als normal und irgendwie sieht alles verzerrt aus. Welche Möglichkeiten habe ich das zu vermeiden?

Vielen Dank schon mal im Voraus für die Antwort. Ihr seid die Besten:)

Liebe Grüße,

Henri

Wie geht das? Jetzt abgesehen von Web Entwicklung. Also große Programme haben das ja immer.

Ich finde nein, weil es kein if, while oä. gibt außerdem kann HTML keine Variablen und keine Logischen Berechnungen!

HTML ist trotzdem ein guter Einstieg da man danach gut mit JS Weitermachen kann…

Hallo in die Runde und schon mal vielen Dank im Voraus in die Runde!

Ich bin noch blutiger Anfänger und fange gerade an mich mit dem HTML zu beschäftigen. Wie schon im Fragetitel beschrieben versuche ich zwei Buttons mit Abstand nebeneinander zu bekommen, aber es gelingt mir nicht so recht. Daher setze ich mal das, was ich habe, hier rein. Ich würde mich über jeden lehrreichen Tipp sehr freuen, um meinen Horizont in diesem Bereich zu erweitern

<!DOCTYPE html>
<html>
<head>
<style>
.button {
  border: none;
  color: white;
  text-align: center;
  text-decoration: none;
  
  font-size: 16px;
  margin: 4px 2px;
  transition-duration: 0.4s;
  cursor: pointer;
}
form {
    background-color: #fff;
    width: 250px;
    padding: 10px;
    border-radius: 20px;
    box-shadow: 0px 0px rgba(1,2,0.1);
    margin
    width:auto !important;
}
    label {
    font-weight: bold;
    text-transform: uppercase;
}
    input[type="text"] {
    width: 250px;
    padding: 20px;
    margin-bottom: 9px;
    border: 1px outset #FF0000;
    border-radius: 10px;
    box-sizing: border-box;
}
    input[type="button"] {
    display: block;
    margin: 0 auto 12px auto;
    cursor: pointer;
    width: 190px;
    padding: 20px 2px;
    background-color: #FF0000;
    color: white;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    border: 1px solid #FF0000;
    border-radius: 7px;
 
    transition: background 0.2s ease-out;
 
}
    input[type="button1"] {
    display: block;
    margin: 0 auto 7px auto;
    cursor: pointer;
    width: 140px;
    padding: 20px 2px;
    background-color: #FF0000;
    color: white;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    border: 1px solid #FF0000;
    border-radius: 7px;
 
    transition: background 0.2s ease-out;
 
}
    input[type="button1"]:hover {
    background-color: #19911b;
}
 
    input[type="button"]:hover {
    background-color: #19911b;
}
 
</style>
</head>
<body>
<form id="itemForm">
<label for="sku">SKU:</label><br>
<input type="text" id="sku" name="sku"><br>
<label for="color">Color:</label><br>
<input type="text" id="color" name="color"><br>
<label for="size">Size:</label><br>
<input type="text" id="size" name="size"><br>
<label for="description">Description:</label><br>
<input type="text" id="description" name="description"><br><br>
<input type="button" value="Submit" onclick="submitForm()">
<input type="button1" value="Reset" onclick="form.reset()">
</form>
<script>
function submitForm() {
var form = document.getElementById('itemForm');
var formData = {
'sku': form.sku.value,
'color': form.color.value,
'size': form.size.value,
'description': form.description.value
};
google.script.run.processForm(formData);
}
</script>
</body>

</html>

Ich habe ein Dropdown-Menü erstellt, welches auch auf allen von mir getesteten Browsern funktioniert ( Firefox, Chrome, Edge, Opera, Vivaldi, Tor). Nun bekam ich die Rückmeldung: Funzt NICHT auf Safari. Habe mir die URALT Version von Safari für Windows heruntergeladen; Das Ergebnis ist katastrophal null Reaktion auf Auswahl!

Habe den Quelltext aus dem Internet und nur meinen Bedürfnissen angepasst.

css

#menu,#menu ul{list-style:none;padding:0;}
#menu li{margin:5px 10px;}
#menu a{text-decoration:none;outline:none;display:block;color:#777;padding:5px 14px}
#menu a:hover,#menu a:focus{color:black; background:orange;}
#menu .hider{overflow:hidden}
#menu .sub ul{margin-top:-200%;transition:.5s;-webkit-transition:.5s}
#menu .sub a:focus ~ .hider > ul,#menu ul:hover{margin-top:0;}

ul {
   max-width: 12em;
}

ul ul {
   max-width: 12em;
   border: 2px solid orange;
}

ul ul ul{
   max-width: 12em;
   border: 2px solid green;
}
//ul ul ul:hover {background-color:white;}

ul ul li {
   background-color: Gainsboro;
   margin: 2px;
   z-index:1;
} 

php

<ul id="menu">
   <li class="sub"><a href="#">Select Order by</a>
      <div class="hider">
         <ul>
            <li><a href="image_1.php";>Listing</a></li>
            <li><a href="image_self.php";>Own Selection</a></li>
            <li class="sub"><a href="#">Inventory No.</a>
               <div class="hider">
                  <ul>
                     <li><a href="image_2.php";>Numerical</a></li>
                     <li><a href="image_from.php">from - to</a></li>                           
                  </ul>
               </div>
            </li>
            <li class="sub"><a href="#">Title</a>
               <div class="hider">
                  <ul>
                     <li><a href="image_2.php?order=Title">Alphabetical</a></li>
                     <li><a href="title_from.php">Letter Selection</a></li>                           
                  </ul>
               </div>
            </li>
            <li class="sub"><a href="#">Art Typ</a>
               <div class="hider">
                  <ul>
                     <li><a href="image_2.php?order=ArtTyp">Alphabetical</a></li>
                     <li><a href="art_from.php">Selected</a></li>                           
                  </ul>
               </div>
            </li>
            <li class="sub"><a href="#">Art Series</a>
               <div class="hider">
                  <ul>
                     <li><a href="image_2.php?order=Category">Alphabetical</a></li>
                     <li><a href="cat_from.php">Selected<br>Search in all Entries</a></li>
                     <li><a href="series_from.php">  Selected<br>Search in Art Series Menu<a><li>                           
                  </ul>
               </div>
            </li>
            <li class="sub"><a href="#">Media</a>
               <div class="hider">
                  <ul>
                     <li><a href="image_2.php?order=Medium">Alphabetical</a></li>
                     <li><a href="media_from.php">Selected</a></li>                           
                  </ul>
               </div>
            </li>
            <li class="sub"><a href="#">Dimension</a>
               <div class="hider">
                  <ul>
                     <li><a href="dim_from.php?dim=height">height<br>from - to</a></li>
                     <li><a href="dim_from.php?dim=width">width<br>from - to</a></li>                           
                 </ul>
               </div>
            </li>
            <li class="sub"><a href="#">Exhibition</a>
               <div class="hider">
                  <ul>
                     <li><a href="exhibition.php?Time=now">Currently on Display</a></li>
                     <li><a href="exhibition.php?Time=all">All Artworks<br>Order by Exhibitors</a></li>
                     <li><a href="aussteller.php">Selected<br>by Exhibitor</a></li>                           
                  </ul>
               </div>
            </li>
         </ul>
      </div>
   </li>
   <li class="sub"><a href="#">Image Info</a>
      <div class="hider">
         <ul>
            <li><a href="image_info.php">all</a></li>
            <li><a href="image_infrom.php">from - to</a></li>                  
         </ul>
      </div>
   </li>
</ul>

Was muss ich wie ändern oder ergänzen damit es auch auf dem iMac / Safari läuft? Wie oben gesagt alle anderen Browser einwandfrei!

Warum zeigt mir mein Browser (Opera GX) nicht das selbe, wenn ich ein HTML Dokument öffnen, wie eine Handy HTML Code app, im Bezug auf den Zoomfaktor an? Die Schrift ist im Browser ist kleiner und es ist mehr Platz zwischen dem Seitenrand und einer Zentrierten Schrift.

Hallo!

Obwohl ich schon etwas Erfahrung mit CSS und Javascirpt habe, bin ich gerade das erste mal auf folgendes Problem gestoßen:

Ich habe für eine Website im Kopf in einem <style> - Bereich einige Klassen definiert.
(z.B.:
.header { border:1px outset gray; margin:.5em; padding:.5em; border-radius: 50%; height: 8%; width: 90%; }
und unten im body dann:
 <div class="header">)
Den Stil dieser Klassen will ich durch Javascript dynamisch ändern.
Javascript soll also nicht den style von einzelnen HTML-Elementen ändern, und auch nicht HTML-Elementen neue Klassen zuweisen. Vielmehr soll der Stil der Klasse direkt geändert werden, so daß sich die Änderung auf alle Elemente dieser Klasse auswirkt.

Konkret möchte ich das Layout dynamisch an die Größe des Browserfensters anpassen. Ein onResize Eventhandler im Body löst eine Javascript-Funktion aus, die entsprechende Änderungen im Layout vornimmt. Dabei wäre es natürlich praktisch, wenn man ähnlich aussehende Elemente (= gleiche class = gleicher CSS-style) auch zusammen anpassen könnte, und zwar auch mit errechneten Werten (z.B. Math.floor(clientHeight / 2)).

Habe lange gegoogelt und auf den üblichen Plattformen gesucht, habe aber immer nur Anleitungen gefunden, wie man Elementen neue Klassen zuweist.

Im Moment löse ich das Problem mit einer for-Schleife:
const AllHeaders = document.getElementsByClassName("header");
for (let i = 0; i < AllHeaders.length; i++) {
var Radius = Math.floor(AllHeaders[i].clientHeight / 2)
AllHeaders[i].style.borderRadius = Radius.toString() + "px";
}
und so weiter, für alle Klassen einzeln.
Das kann irgendwie doch nicht die beste Lösung sein...
Es muß doch eine Möglichkeit geben, auf die Klassen-Definitionen im Stylesheet mit Javascript zuizugreifen. Ansonsten wäre die Funktionalität von CSS doch stark eingeschränkt.

Hoffe, jemand kennt sich aus...

Ich lerne gerade, wie ich mit Html, Css und JavaScript eine funktionierende Website erstelle. Jetzt frage ich mich aber, wie ich es schaffen kann, ein rundes Icon mit den Anfangsbuchstaben der E-Mail oder wie auf dem Bild mit einem Hintergrund (meinem Google-Hintergrund) hinzuzufügen.

Welche Programmiersprachen benötige ich dazu, was muss ich ungefähr machen oder gibt es gute Videos, die ich mir dafür angucken kann?

Bei meiner eigenen Recherche konnte ich leider nur Tutorials darüber entdecken, wie man sein Google-Hintergrundbild ändert.

Danke für alle Antworten!

hallo wie kann ich diese Bild in html einfügen so das man die Kästchen nicht mehr sieht so das es transparent wird

Bei mir wird das Bild nicht angezeigt. Ich habe alles mögliche probiert...

Weiß jemand an was es liegen kann?

Mehrere Stunden hat es mich heute schon beschäftigt, ich komme und komme nicht darauf...

Es geht mir um den seitlichen (rechts) "skip-to-top" Button. Exakt alles habe ich genauso wie in diesem Pen Beispiel ( Link: https://codepen.io/jackherizsmith/pen/oNxVWrK ) gemacht.

Aber bei mir scrollt der Nach-Oben Button nicht mit wie in dem Pen Beispiel :

Meine Demo-Seite: http://misanthrop.bplaced.net/test/open-public/Testseite-V11b1__26-06-24.html (aktualisiert)

Allerdings habe ich mein position: relative nicht main mitgegeben sondern der id "skiptop". Mein Dev-Tool zeigt mir an, das jeweils relative und absolute richtig erkannt wird und es wird mir auch so gezeigt.

Nur halt die Klasse "scroll-top_link" scrollt nicht in dem Bereich hoch und runter wie es soll.

Was mache ich da falsch. Könnt ihr mir bei der Fehlersuche helfen?

Vieles habe ich ausprobiert, auch meinem main habe ich position relative gegeben, aber auch anderen Elementen setzte ich position relative allerdings ohne Effekt.

Das Ding ist allerdings das dieser seitliche Bereich ein eigenes grit-Element ist. Sprich:

.main-content-wrapper {
    display: grid;
    grid:     "main-head main-head" auto
            "navigations navigations" auto
            "main-content main-content" 1fr
            "main-footer main-footer" auto
          / minmax(0, auto) [main-nav-start] 5em [main-nav-end];
    }


#navigations {
    grid-area: navigations;    
    grid-column-end: main-nav;
}

#main-nav {
    grid-area: navigations / main-nav;
    position: relative;
    outline: thin solid red;
    margin: 0;
    padding: 0;
    z-index: 100;
}

Wo ich letztendlich das Hauptmenü anzeigen lasse, da habe ich noch keinen richtigen Plan.

Eventuell in der Zeile: #navigations und dann seitlich rechts.

Nicht zu verwechseln mit Seiten-Inhalt, das ist ein Seiten internes Sprungmenü zu einem bestimmten nach Datum geordneten Artikel. Bisher habe ich noch keine bessere Bezeichnung dafür gefunden. Irgendeine Idee dafür?

Zurück zum Hauptmenü, oder ich packe das Hauptmenü seitlich zum Nach-Oben Button, mache es ebenfalls sticky.

Was dann allerdings bei einem schmalen Browserfenster passiert?... Da habe ich eigentlich vor das Hauptmenü (oberhalb vom "Seiten-inhalt" Link) ohne Button (offen) untereinander anzuzeigen.

Sag mal bitte, da mir die Praxis fehlt, wie würdest Du es lösen?

Zurück zur eigentlichen Frage:

WICHTIG ist mir nun, warum der SCROLL-TOP Button nicht nach oben und unten mitscrollt wie er es eigentlich sollte.

Muss ich da was an der html-Struktur ändern. Ein zusätzliches div?

Ich habe da heute lange daran gesessen...

Hey, meine Datei heißt index.html und diese liegt auch im server verzeichnis, aber es erscheint nur "Diese Domain wurde soeben freigeschaltet. Es wurden noch keine Inhalte hinterlegt." Ich habe sie in keinem Unterverzeichnis gespeichert, sondern direkt auf dem Server. Was könnte das Problem sein?

Hallo,

Ich habe schon vor 1 Jahr HTML und CSS gelernt, jetzt lerne ich Javascript, wollte ursprünglich als fullstack Developer später arbeiten, jetzt möchte ich aber in der Cyber Security arbeiten, sollte ich noch Javascript zu Ende lernen und mich dann mit Cyber Security beschäftigen, oder sollte ich direkt aufhören und mich mit Cyber Security beschäftigen, braucht man Javascript in dieser Branche?

Danke im vorraus:)

Hallo,

Ich habe schon vor 1 Jahr HTML und CSS gelernt, jetzt lerne ich Javascript, wollte ursprünglich als fullstack Developer später arbeiten, jetzt möchte ich aber in der Cyber Security arbeiten, sollte ich noch Javascript zu Ende lernen und mich dann mit Cyber Security beschäftigen, oder sollte ich direkt aufhören und mich mit Cyber Security beschäftigen, braucht man Javascript in dieser Branche?

Danke im vorraus:)

Also ich will dass bei jedem Bild so copyright an der Seite ist und habe so ein Code gemacht aber alle copyright sachen werden an einer Stelle angezeigt und nicht bei den Bildern.

       <figure>
            <img class="cover" src="https://cdnb.artstation.com/p/assets/images/images/019/622/599/large/-3.jpg?1564323970"style="object-position: 50% 100%;">
            <figcaption class="copyright right"style="color: rgb(83, 58, 3);">
               Image by Denis Nigmatullin on artstation
            </figcaption>  
           <img style="position: absolute; left: 70%; top: 27%; width: 250px;" src="https://i.pinimg.com/originals/ca/83/ed/ca83ed22042d9846d568682d956d09bf.jpg">
           <figcaption class="copyright right"style="color: rgb(83, 58, 3);">
               Image by altantrengsingf on artstation
           </figcaption>
           <img style="position: absolute; right:91%;  top: 0%; width: 100px;" src="https://upload.wikimedia.org/wikipedia/commons/thumb/b/ba/Akhilleus_Patroklos_Antikensammlung_Berlin_F2278.jpg/910px-Akhilleus_Patroklos_Antikensammlung_Berlin_F2278.jpg"> 
           <figcaption class="copyright right"style="color: rgb(83, 58, 3);position: absolute; right:91%;  top: 0%;">
               Image by Bibi Saint-Pol on wikimedia
           </figcaption>  
            <img style="position: absolute; right: 91%;  top: 18%; width: 100px;" src="https://64.media.tumblr.com/55d89b8a87818f817ec8851154739637/tumblr_npwai2nq8T1tfr4rfo1_640.jpg">
            <figcaption class="copyright right"style="color: rgb(83, 58, 3);">
               Image by sheepskeleton on artstation
            </figcaption>   
           <img style="position: absolute; right: 91%;  top: 42%; width: 100px;" src="https://i.pinimg.com/564x/c6/10/5f/c6105feba2db225b5d7e52af0e427584.jpg">
           <figcaption class="copyright right"style="color: rgb(83, 58, 3);">
               Image by altantrengsingf on artstation
           </figcaption> 
        <img style="position: absolute; right: 91%;  top: 65%; width: 100px;" src="https://i.pinimg.com/736x/df/71/bc/df71bc1594556b26d9383e37ece74da5.jpg">
    </p>
    </section>

Wie in meiner Überschrift schon beschrieben möchte ich ein Menü bauen, das seitlich von rechts langsam einslidert. Für das Menü möchte ich <details> /<summary> verwenden.

So soll es mal aussehen:

Meine html-Struktur von der Navigation:

<nav id='sitenav' aria-labelledby='sitenav-label'>
    <h2 id='sitenav-label' class='visually-hidden'>Site-Navigation</h2>
    <details>
        <summary>Menü</summary>
            <ul>
                <li aria-current='page'>
                    <details>
                        <summary>Impressum &amp; rechtliches</summary>
                            <ul>
                                <li aria-current='sub-page' tabindex=0>
                                    <details>
                                        <summary>Impressum</summary>
                                            <ul>
                                                <li><a href=''>Kontakt</a></li>
                                                <li><a href=''>Fotodokumentationen</a></li>
                                                <li><a href=''>Links</a></li>
                                            </ul>
                                    </details>
                                </li>
                                <li><a href=''>Nutzungsbedingungen</a></li>
                                <li><a href=''>Datenschutz &amp; Urheberrecht</a></li>
                            </ul>
                    </details>
                </li>
                <li><a href=''>Website Erika Mustermann</a></li>
                <li><a href=''>Blog Max Mustermann</a></li>
                <li><a href=''>VLog Erika Mostermann</a></li>
            </ul>
    </details>
</nav>

Der sichtbare Hamburger Button (mit den Pseudoelementen ::after und ::before bei details / summery) ist position: sticky;

Nun könnte mir jemand bitte zeigen wie ich nun mein <ul> von rechts langsam einslidern lasse. Stoppen soll das Untermenü dann links vom Button.

Es geht mir um das Prinzip wie man es macht. Kann mir dies bitte jemand an einem einfachen Beispiel zeigen?

Hallo,

Seit kurzem Befasse ich mich mit Html und CSS. Ich bin natürlich noch ein Blutiger Anfänger wenn es um das Programmieren geht. Allerdings frage ich mich wie man Mail Templates erstellt. Welche Sprachen werden Benutz?

LG

Hallo, ich habe mir bei Strato eine Domain gekauft und dann deren Wissensbeitrag nach mit Filezilla ne FTP verbindung eingerichtet und meine eigene HTML Website zu veröffentlichen. In Filezilla im log steht das meine datenübertragung erfolgreich war. Wenn ich aber meine Domain aufrufe steht da nur das diese von Strato reserviert ist aber noch keine Daten hochgeladen wurden, was kann ich tun?

Hallo ihr Lieben!

Ich habe einen Verein gegründet und wir brauchen eine ordentliche Website. Das Team der ITler besteht aus 3 Personen (inkl. mir). Einer davon kann Frontend (Design, CSS), einer kann Backend (Datenbanken, HTML, JS, Serverkonfiguration). Ich kann alles davon nur so ein bisschen und koordiniere das Projekt. Bisher haben wir eher provisorisch eine WordPress Seite, sind damit aber aus folgenden Gründen nicht zufrieden:

1. Unübersichtlich mit den vielen Plugins usw. - es ist nicht einheitlich und wirkt zugemüllt und umständlich
2. Der Code ist schwer zu lesen und nachzuvollziehen
3. Man kann den Code (soweit ich weiß) nicht vollständig anpassen und ist daher in Hinblick auf Design und Funktionalität eingeschränkt (in unserem Theme „Astra“ kann man Designfarben einstellen, sieht aber nicht, wo sie verwendet werden)

Jetzt suchen wir nach einer Alternative. Man könnte versuchen, die Website ohne CMS o. Ä. auf die Beine zu stellen, man könnte ein anderes, anpassbareres CMS verwenden oder bloß ein CMF, wobei ich nicht sicher bin, ob das viel besser ist.

Wir können im Moment nicht genau einschätzen, ob es realistisch ist, die Webseite ohne CMS o. Ä. sicher, ordentlich und schön aufzubauen. Allerdings wissen wir auch nicht, ob es ein CMS gibt, das so viel Anpassbarkeit bietet, dass man (mit genug Programmierkenntnissen) theoretisch ALLES umsetzen kann. Funktionen, die wir brauchen, wären:

• Beiträge (Blog, News)
• Normale Inhaltsseiten
• Eingebundene Mediendateien
• Kleine eingebettete Online-Spiele
• Kontakt/Anmeldeformulare
• Suchfunktion
• Design exakt, wie der Designer es sich vorstellt
• evtl. ungewöhnliche Seitennavigation (Nicht nur mit Standard Menüs, wie bei WordPress von Anfang an drin)

Denkt ihr, WordPress oder Drupal ist durch Themes, Plugins/Modulen etc. doch anpassbar genug und wir müssten uns nur mal genauer hineindenken oder sollte man in unserem Fall lieber ganz auf Content-Management Optionen verzichten?

Vielen Dank schon mal für eure Antworten!

Ich frage mich momentan, ob es eine korrekte Vorgehensweise wäre, wenn ich innerhalb eines wrappers ein GRID-Raster anlege?

Das sähe so aus:

.main-content-wrapper {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    max-width: 72em;    
    height: 100%;
    min-height: 100vh;
    overflow: hidden;
    border: 2px dashed #551A8B;
}

.main-content-wrapper {
    display: grid;
    grid:     "main-head main-head" auto
            "navigations navigations" auto
            "main-content main-content" 1fr
            "main-footer main-footer" auto
          / minmax(0, auto); }


<body id="skip-to-top">
    <div class="main-content-wrapper">
        <header role="header" id="main-head">
[ ... ]
    

Ich habe festgestellt, wenn ich body als wrapper nutze, dann entstehen bei ganz schmalen Browserfenster einige Fehler, die u.a. so aussehen das (wenn ich bei den Dev-Tools grid anzeigen lasse) mein grid seitlich rechts vom body und html hinaus wandern würde oder: mein grid bleibt an einem Punkt stehen und nur html & body wird noch schmaler. Daher meine Entscheidung ein weiteres div einzusetzen.

Ist dies richtig? Wie seht ihr das?

Oder sollte ich eher eine Lösung ohne wrapper anstreben, die ganze Seite mit einem dreispaltigen grid lösen?

body {
	display: grid;
		grid-template-columns: [left] minmax(0.45em,1fr) [main] minmax(10em,78em) [right] minmax(0.45em,1fr);
		grid-template-rows: repeat(2,min-content) auto;
		grid-gap: 0;
		}

Die gridfelder rechts und links sind quasi mein Puffer, wenn ich mein Browserfenster zusammenziehe, und wird dann automatisch weniger/ kleiner.

Was wäre die bessere Herangehensweise?

Ich möchte bei <details> & <summary> den Marker , der ja momentan noch ein aufrechters Dreieck ist , mit einem eigenen SVG ändern. Einmal hätte ich die einzelnen SVG (bars-solid.svg & times-solid.svg) in einem Ordner auf dem Server, aber ich habe dort auch Font Awesome 5.

Folgendes habe ich ausprobiert, hat aber leider keinen Effekt:

details summary::-webkit-details-marker {
        background: url(../web-fonts/SVG/bars-solid.svg) center no-repeat;
        color: transparent;
        font-size: 2.1rem;
        font-weight: bold;
    }    

    details[open] summary::-webkit-details-marker,
    details[open] summary::marker {
      background: url(../web-fonts/SVG/times-solid.svg) center no-repeat;
        color: transparent;
        font-size: 2.1rem;
        font-weight: bold;
    }

Oder geht dies NUR mit einem ::after pseudo.element.

Könnt ihr mir es bitte mal zeigen?

<summary>Menü</summary>
   <ul>
       <li><a href="">Impressum &amp; rechtliches</a></li>
       <li><a href="">Website Erika Mustermann</a></li>
       <li><a href="">Blog Max Mustermann</a></li>
       <li><a href="">Blog Erika Mustermann</a></li>
   </ul>
</details>

Zusätzlich zu diesem Sandwich-Button würde ich in kleiner 
Schrift unter dem Botton dann noch Menü stehen haben.

Könnt ihr mir bitte helfen?

Hallo, ich probiere mich gerade ein wenig beim HTML coden aus und komme gerade nicht weiter.
Laut Tutorial sollte sich eigentlich ja jetzt die Hintergrundfarbe ändern aber bei mir bleibt sie weiß. Liegt das an den Klammern?
Was muss ich anders machen?
Siehe Bilder

Hallo :),

ich muss für Informatik eine Website erstellen und wollte jetzt gerade zu meinem Thema ,,Faultiere" eine Dokumentation von Youtube auf meine Seite einbetten. In der Schule haben wir das schon mehrmals zusammen gemacht und ich habe wirklich jeden einzelnen Schritt gleich gemacht, aber leider wird mir statt dem eingebetteten Video nur ein weißer Kasten mit ,,youtube.com hat die Verbindung abgelehnt" angezeigt. Ich muss es am Dienstag abgeben und ich hab mir schon so viel Mühe für die Seite gegeben, ich hoffe jemand kann mir helfen :(

Danke schonmal

Ich habe bereits ca. 50-60 Stunden gelernt. Ich habe komplett bei Null angefangen (HTML, CSS, JS) und habe mein erstes kleines Programm geschrieben (einen einfachen Taschenrechner).

Glaubt ihr, dass ich nach 10.000 Stunden ein guter Programmier werden kann?

Ich arbeite in Visual Studio und habe ein neues Projekt (ASP.NET Core-Web-App (Model View Controller)) gestartet. Ich wollte ein Dark/Light Mode erstellen, jedoch funktionieren die Variablen nicht. Die Variablen werden erkannt, jedoch ist es als hätten sie keinen Wert.

Kann mir jemand helfen?

Ich habe das Angebot bekommen eine Ausbildung zum Fachinformatiker (Anwendungsentwicklung) zu machen und danach für ein gutes Unternehmen in den Usa zu arbeiten, nur habe ich keine großartigen Vorkenntnisse, bis auf etwas HTML und CSS aber das war's auch schon.

Lust auf die Ausbildung habe ich schon, nur habe ich die sorge das ich es mit wenig bis kaum kenntnissen nicht schaffe und meine Zeit verschwende,

gibt es welche von euch die damals ohne vorkenntnisse die Ausbildung gemacht haben und ist es möglich alles zu lernen in den 3 jahren?

liebe grüße

Sobald man flex 1 setzt, schiebt sich die "ul" nach rechts. Warum das?

Hallo und Danke.

Frohen Tag!

<nav>
  <div class="logo">
    <a href="#"><img src="logo.svg" alt="logo">Logo</a>
  </div>
  <div class="toggle">
    <a href="#"><ion-icon name="menu-outline"></ion-icon></a>
  </div>
  <ul class="menu">
    <li><a href="#">Home</a></li>
    <li><a href="#">About</a></li>
    <li><a href="#">Services</a></li>
    <li><a href="#">Blog</a></li>
    <li><a href="#">Contact</a></li>
  </ul>
</nav>

Und diesem CSS:

nav {
  background: #255;
  padding: 5px 20px;
  display: flex;
  align-items: center;
}

.logo img {
  width: 60px;
  margin-right: 10px;
}

nav a {
  color: #fff;
}

nav a:hover {
  color:aquamarine
}

.logo {
  flex: 1;
}

.logo a {
  display: flex;
}

Hallo zusammen,

Ich bin Programmierer, bzw. kann mit Python und HTML programmieren,

und habe gerade eine Blokade, also ich weis nicht was ich coden soll.

Habt ihr ne Idee?

Danke im vorraus.

Eigentlich wollte ich eine vereinfachte Uber-App versuchen nachzubauen, habe aber in der ersten Frage viele Antworten bekommen, dass es zu schwer für einen Anfänger ist und z.B. eine Chat-App etwas einfacher wäre.

Deswegen will ich in drei Monaten mein erstes großes Projekt anfangen zu bauen und zwar so eine Chat-App, wo man mit Freunden schreiben und Fotos teilen kann. Also so eine Art Facebook (aber sehr sehr vereinfacht!).

Ich habe gestern auch den Film "The Social Network" nochmal geguckt und jetzt will ich noch mehr die App bauen.

Jetzt die Frage: Hat jemand schon von euch Erfahrung mit einer Chat-App?

Was müsste ich alles wissen (Webentwicklung)?

Und wie viele Stunden brauche ich circa für die einzelnen Themen, um sich an dieses Projekt zu trauen?

Ich finde, dass man beim Learning-by-doing sehr gut lernt und deswegen will ich auch nicht nur lernen, sondern einfach versuchen, auch etwas zu bauen und wenn ich nicht weiterkomme, dann kurz nachschauen, versuchen zu verstehen und zu lernen, was ich machen muss und dann umsetzen, usw..

Auch wenn es ein mega Fail und die App am Ende nicht gut wird, habe ich trotzdem dann viel gelernt und werde es beim nächsten Mal besser machen.

Also zwei Fragen: Was müsste ich alles dafür können und wie viele Stunden Lernzeit ungefähr braucht man dafür, um damit anfangen zu können?

Ich habe ein Programm wo man Articles dargstellt in Cards mit einer funktion löschen kann, jede Card hat einen Delete Button, sobald ich einen lösche kann ich nichts anderes mehr löschen:

bitte um hilfe

Ich würde gerne ein Forum erstellen, so wo man mit anderen Nutzern eben chatten kann, usw.. Gibt es dort eine Seite mit Baukasten? Oder muss man sowas programmieren können?

Und noch was:

Nicht zu teuer!

Hallo,

ich verstehe nicht warum die Icons, mit Display Flex, in diesem Fall ganz nach Rechts geschoben werden?

Ist ja gut weil ich ne Responsive Navbar bauen will, aber ich wills auch verstehen.

Code Html:

    <div class="top-bar">
      <span><ion-icon name="call-outline"></ion-icon>111 222 333</span>
      <ul>
        <li><a href=""><ion-icon name="logo-facebook"></ion-icon></a></li>
        <li><a href=""><ion-icon name="logo-twitter"></ion-icon></a></li>
        <li><a href=""><ion-icon name="logo-instagram"></ion-icon></a></li>
      </ul>
     </div>

Und das Css:

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}


body {
    font-family: "DM Serif Text", serif; 


} 
a, a:hover {
    text-decoration: none;
}
.top-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
Danke sehr.
LG

Wie findet ihr diese Webseite? Weshalb findet ihr die gut oder schlecht? Die wurde von einem selbstständigen Webdesigner auf eBay-Kleinanzeigen erstellt.

Wenn ihr jetzt sagen müsstet, nach wie viel Stunden kann man gut programmieren , wie viel wären es und was man schon nach 10 / 100 usw programmieren als bsp ?

Am besten wenn ihr schreiben würden

Was man so nach

10 Stunden

100 Stunden

500 Stunden

1000 Stunden

5000 Stunden

10.000 Stunden

50.000 Stunden

ungefähr kann

PS: es geht um Webentwicklung also HTML CSS Javascript React Angular MongoDB usw

Hallo, in einem Dropdown was ich mit Bootstrap erstelle wird der Pfeil unten statt auf der rechten Seite angezeigt

Hier ist der HTML Code von dem Toggle Button des Dropdowns:

<button class="btn btn-secondary dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">
   <div class="d-flex">
      <span class="material-symbols-outlined">language</span>
      <span class="ms-2">Automatisch</span>
   </div>
</button>

Ich hab schon herausgefunden das der Fehler vom Div kommt, allerdings wenn ich das Div Entferne sieht es so aus:

Wie man sieht ist dort, dann allerdings das Icon nicht mehr Zentriert. Weiß jemand wie man entweder die Positionierung vom Dropdown Pfeil oder die Ausrichtung vom Icon in Ordnung bringen kann.

Vielen Dank schon mal im Voraus für jede Antwort!

Hoffentlich kann mir hier jemand weiterhelfen.

Ich möchte ein ausfahrbares Seitenmenü mit einem Hamburger-Button (Font Awesome) konstruieren.

Im unteren Bild sieht man meinen momentanen Stand. Ich möchte aber, das von seitlich rechts das Menü hineinschwebt.

Zur Zeit habe ich Folgendes:

<nav role="main-navigation" aria-label="site" id="main-navigate" class="main-navi">
  <button aria-expanded="undefined"></button>
  <ul id="navlinks">
    <li class="sub-menue">
      <a class="a-link" href="/test/public/Testseite2-2.html">Blog Max Mustermann</a>
      <button aria-expanded="undefined"></button>
      <div class="nav-group">
        <a class="a-sublink" href="/test/public/Testseite2-2.html">UNTERMENUE 1-A</a>
        <a class="a-sublink" href="/test/public/Testseite2-2.html">UNTERMENUE 1-B</a>
      </div>
    </li>
    <li class="sub-menue">
      <a class="a-link" href="/test/public/Testseite2-2.html">Blog Erika Mustermann</a>
      <button aria-expanded="undefined"></button>
      <div class="nav-group">
        <a class="a-sublink" href="/test/public/Testseite2-2.html">UNTERMENUE 2-A</a>
        <a class="a-sublink" href="/test/public/Testseite2-2.html">UNTERMENUE 2-B</a>
        <a class="a-sublink" href="/test/public/Testseite2-2.html">UNTERMENUE 2-C</a>
      </div>
    </li>
    <li class="sub-menue">
      <a class="a-link" href="/test/public/Testseite2-2.html">Website Erika Mustermann</a>
      <button aria-expanded="undefined"></button>
      <div class="nav-group">
        <a class="a-sublink" href="/test/public/Testseite2-2.html">UNTERMENUE 3-A</a>
      </div>
    </li>
    <li class="sub-menue">
      <a class="a-link" href="/test/public/Testseite2-2.html">Impressum / Datenschutz</a>
      <button aria-expanded="undefined"></button>
      <div class="nav-group">
        <a class="a-sublink" href="/test/public/Testseite2-2.html">UNTERMENUE 4-A</a>
        <a class="a-sublink" href="/test/public/Testseite2-2.html">UNTERMENUE 4-B</a>
      </div>
    </li>
  </ul>
</nav>

Da mein Post zu lang wird, hier ein Downloadlink des JS, CSS und HTML: LINK wieder gelöscht!

Könnte bitte jemand mir dabei helfen, dies zu entwickeln? Ein rudimentäres CodePen-Beispiel würde mir helfen.

Hallo,

wie kann man in HTML scrollen, allerdings nicht nach unten gehen, sondern nur z. B. eine Farbe ändern? Wie bei Apple.

LG

Hallo,

wie macht man ein Menü, das sich aufklappt, sobald man über den Menüpunkt mit der Maus hovert? Wie auf gutefrage.net wenn man über z. B. "Startseite" hovert kommt ein Unter-Menü.

LG

Guten Tag,

ich habe mir schon seit einiger Zeit sehr viel beigebracht und mit Lernmaterialien gearbeitet / gelernt.

Jedoch, sobald ich ein neuen Bereich starte, z.B. Algorithmen oder Datenstrukturen habe ich einen Blackout und habe das Gefühl, dass ich es einfach nicht schaffe, irgendwie einen Job in der Softwareentwicklung zu erhalten, da ich irgendwie viele Sachen nicht weiß, wenn mit etwas Neuem beginne.

Deshalb wollte ich Fragen, was genau man konkret können MUSS (!), um einen Job in diese Richtung zu bekommen. Denn auf LinkedIn sind immer dermaßen viele Anforderungen gefragt, die ich einfach nicht alle kann - muss man diese alle wirklich können?

Vielen Dank für eure Antworten.

Liebe Grüße

Hallo, ich habe mit Html css und JS eine Website erstellt. Jetzt müsste ich eine Domain kaufen. Jedoch ist die Website nur für einen Geburtstag, spätestens nach einem Monat würde ich sie eh wieder offline nehmen. Wie mache ich das am kostengünstigsten? Was brauche ich sonst noch damit die Website steht?

Ich verstehe nicht ganz, wie das Google Developer Portal funktioniert. Also die ganzen APIs kosten da Geld pro Request, aber ich glaube, ich bekomme pro Monat $200 kostenlos Guthaben?

1. Stimmt das mit den $200 gratis und muss ich eine Kreditkarte hinterlegen? Weil ich zurzeit nur PayPal habe. Von mir aus kann es nach dem Guthaben aufhören zu funktionieren; nach Prepaid-Prinzip, falls da tausende Anfragen von Bots kommen.
2. Wie viel Geld/Cents kostet so ein Request bzw. wie viele sind möglich mit diesen $200? Ich habe pro Monat vielleicht 1000 Besucher auf der Seite, die ich von WordPress auf Next.js wegen Performance/Speed-Problemen nachbauen möchte und weil es der Kunde nicht wie gedacht als CMS nutzt und mich immer beauftragt, Texte zu ändern. WordPress und Elementor gehen mir auf die Nerven.

Hallo liebe Community hat jemand eine Ahnung wo man sich günstig seine eigene Webseite für die Firma erstellen lassen kann

danke schonmal im Voraus für alle antworten

Hallo, ich hatte die Idee meinen Lebenslauf zusätzlich noch als Website zu erstellen. Da ich in der IT Tätig bin könnte ich mir vorstellen, dass dies von Vorteil sein könnte. Jedoch würde ich ungerne persönliche Informationen ins Internet stellen. Was denkt ihr, wie wahrscheinlich ist es dass meine Lebenslauf Website von Leuten entdeckt wird? Was könnte man machen damit nur Leute mit dem Link auf meine Website zugreifen könnten?

Hallo,

ich mache eine Weiterbildung im Bereich Fullstack-Developer. Also Frontend und Backend zusammen.

Die Weiterbildung dauert ein Jahr und ich bin schon circa sechs Monate dabei und mir macht es riesigen Spaß. Ich kriege auch mit der Weiterbildung ein AZAV-Zertifikat und mache am Ende ein finales Projekt mit anderen Leuten zusammen.

Das Ziel ist natürlich, nach der Weiterbildung zu arbeiten. Vielleicht erst einmal zwei Monate Praktikum oder so. Allerdings höre ich von manchen, dass es sehr schwer ist, eine Arbeitstelle ohne irgendwelche Ausbildung oder Studium zu finden. Aber manch andere sagen, dass in diesem Bereich viel gefragt wird und auch Quereinsteiger fündig werden. Ich lebe in Berlin nur nebenbei erwähnt.

Also, was ich mache ist, dass ich auch eigene Projekte auf GitHub veröffentliche. Ich habe sogar eine Hotelseite mit einem Freund aus dem Kurs erstellt und schaue mir auch Udemy-Kurse an und mache auch dort Projekte. Auch auf der Seite Frontend Mentor mache ich die Seiten nach. Also ich übe selbständig auch neben der Weiterbildung viel, um auch zu zeigen, dass ich etwas mache.

Ich veröffentliche natürlich die Sachen auf GitHub, weil man das ja denke ich nachvollziehen kann, dass ich anstrebe, etwas zu lernen. Momentan haben wir HTML, CSS, SCSS, JavaScript, React gemacht. Die wende ich auch an und werde noch Tailwind CSS lernen.

Könnt ihr da vielleicht Erfahrungen mitteilen oder wenn ihr aus der Branche kommt: Könnt ihr sagen, wie das in der Realität aussieht? Ich bin auch ehrlich gesagt der einzige mit meinem Freund, der wert auf ein GitHub-Profil legt. Die anderen haben da gar nichts drin.

Hier auch mein GitHub, damit ihr mal einen Blick habt: https://github.com/Adem-Tozlu.

Sorry, dass ich soviel geschrieben habe. Ich habe halt viele Fragen im Kopf. :)

Halli Hallöle

ich wollte mal fragen, ob es möglich ist, ein Background-Video (HTML/CSS) mit Sound auf einer Website zu haben.

bisher konnte ich nur den code:

„autoplay loop muted“

finden, wobei das Video allerdings dann stumm ist.

Würde mich auf eine Antwort freuen 🙏✨

Danke schon im voraus

Hallo liebes Forum,

wie bekomme ich es hin den mit span umschlossenen zweiten Teil meiner Überschrift (gemeint ist hier mein h2) bei 81.25em (mein querie) in die nächste Zeile zu bekommen?

<div id="header-global">            
  <h1><a href="/test/public/***.html">My-Site.eu</a></h1>
  <h2>Wand&shy;zeitung<span> - täglich Neuig&shy;keiten</span></h2>
</div>

/* -- HEADER -- */

   header h1, header h2 {

      display: flex;

      flex-wrap: wrap;

      flex-direction: row;

   }   

   header h1 {      

      justify-content: flex-end;

      align-items: flex-end;

      padding-bottom: 0.15em;

   }

   header h2 {

      justify-content: flex-start;

   }

Bei 81.25em soll also mein mit span unschlossene Teil in die nächste Zeile wandern?

Wie kann man das bewerkstelligen?

M.

1.950€ für eine Webseite. Sie enthält 25 Unterseiten. Entfernung von Backlinks, Integration von neuen Backlinks, Bilder und Texte pro Unterseite werden vom Webdesigner selbst erstellt. Arbeitszeit würde vielleicht sieben Tage betragen. Die Seite ist kein einfaches Template.

Verlangt der selbstständige Webdesigner zu viel oder zu wenig?

Arbeitszeit, Aufwand, etc. mitberechnet.

Hallo,

gibt es eine Möglichkeit, kostenlosen Serverplatz oder einen Webspace zu mieten? (Wenn ja, wo?) Wenn man ggf. eine html Webseite veröffentlichen will, braucht man ja soetwas, oder liege ich da falsch?

LG

Ich würde gerne 2 Tabellen untereinander anlegen.Ich habe dies schon mit divs probiert jedoch hat dies nicht so ganz geklappt.Kann mir wer erklären wie ich das machen kann?Danke

Ich habe für ein Kunden eine Website homepage erstellt, wie gebe ich sie Von meinem laptop zu im also im zum besitzer machen. Oder soll ich sie über mich laufen lassen. Es ist für ein gym, da sind halt kontakt vom gym, terminbuchung, abozahlung ist vorort

Hallo, in meiner Website sollen dienstleistungen aufgelistet werden.
Für die PC Ansicht, sollen diese (insgesamt 6) nebeneinander stehen.
Für die Tablet und Handy Ansicht sollen diese dann so umbrechen, das genug Platz ist, um sie noch zu lesen und sie nicht ineinander verschwimmen.
Ich habe jetzt hier versucht fürs Tablet drei Boxen nebeneinander und somit dann zwei Spalten zu haben, allerdings ist in jeder Ansicht jetzt alles untereinander und man muss auch noch zur Seite scrollen um den ganzen Text zu lesen (dies soll aber nicht sein).
Im Folgenden ist der Teil meiner CSS Datei:

.leistung {

padding: 15px;

margin: 15px;

}

.leistung-container {

display: flex;

flex-direction: column;

}

/* Layout für Tablet (teilweise nebeneinander, teilweise untereinander) */

@media (min-width: 25em) and (max-width: 45em) {

.leistung-container {

display: flex;

flex-wrap: wrap;

}

.leistungen {

flex: 1 1 calc(50% - 2em);

/* Zwei Boxen nebeneinander */

}

}

/* Layout für PC (nebeneinander) */

@media (min-width: 45em) and (max-width: 65em) {

.leistung-container {

display: flex;

flex-wrap: wrap;

}

.leistungen {

flex: 1 1 calc(33.33% - 2em);

/* Drei Boxen nebeneinander */

}

}

@media (min-width: 65em) {

.leistung-container {

display: flex;

flex-wrap: wrap;

}

.leistungen {

flex: 1 1 calc(33.33% - 2em);

/* Drei Boxen nebeneinander */

}

}

Ist da irgendwas falsch?
Könnt mir da jemand helfen?
Dankeschön

hallo, wie kann ich in html einen button, den ich wie folgt gemacht habe, zentrieren und die farbe ändern.

html:<a href="https://wakeuprecords.zohobookings.eu/#/wakeuprecords">
<button>Buche deine Session hier</button>
</a>
css:.button {
text-align: center;
}
button {
font-size: 20px;
background-color: yellow;
cursor: pointer;
color: green;
}

hab ich irgendwo einen fehler oder muss man das anders machen, den bei mir ändert sich gar nichts.

Überall sehe ich 1140 px als Standardbreite aber irgendwie finde ich keinen Weg die 12 Spalten darauf aufzuteilen.

Wenn ich 72px Spaltenbreite und 25px Abstand wähle komme ich auch auf nur 1139px.

Bin ich da zu perfektionistisch oder wie wird das gängig umgesetzt? Halbe Pixel machen im Web doch keinen Sinn?

Hallo zusammen,

ich bringe mir seit ein paar Monaten HTML, CSS und JavaScript bei, habe mir ein Portfolio aufgebaut und lade dort die Projekte hoch, die ich privat entwickle, um einen einfacheren Berufseinstieg zu erhalten. Aktuell fühle ich mich in den drei oben genannten Bereichen fit genug, dass ich mich gerne in ein Framework einarbeiten würde.

Es gibt da draußen mehrere Videos über das Thema Angular, React, Vue.js, aber ich würde gerne von euch, die wirklich beruflich damit arbeiten und eventuell auch vom Hörensagen anderer Entwickler, wissen, was so im deutschen Arbeitsmarkt angesagt ist.

React ist ja, was die Rankings angeht, immer auf Platz 1, weswegen ich in diese Richtung gehen wollte. Jedoch, wenn ich auf Stepstone und anderen Plattformen schaue, werden öfters Angular-Stellen gesucht. Deswegen hat sich mir die Frage gestellt, ob React vielleicht eher im Rest der Welt populär ist und in Deutschland eventuell eher Angular oder gar ein ganz anderes Framework.

Ich bedanke mich im Voraus für eure Zeit und Hilfe.

Wie kann ich eine Hobbyliste auf einer Folie, die ich auf W3Schools vorbereitet habe, erstellen? Kann mir das jemand eklären?

https://spaces.w3schools.com/space/ich-bin-wafa/editor

Ich habe eine aktive Jimdo-Website und einen Vertrag dafür laufen. Ich wollte das Design erneuern, aber die Website so lange nicht offline stellen. Also habe ich ein neues Projekt im gleichen Konto angelegt und die neue Seite erstellt. Gerne würde ich nun die neue Seite mit dem Vertrag der neuen Seite (beides im gleichen Kundenkonto wie gesagt) austauschen.

Wie gehe ich vor? Muss ich dem Kundendienst schreiben?

Ich benutze Linux Mint und arbeite dort mit IntelliJ und VS Code. Zudem benutze ich in beiden auch GitHub-Copilot. Problem ist, dass ich mich immer wieder neu bei GitHub anmelden muss, um den Copilot zu benutzen. Unter Windows ist dies bei mir nicht der Fall.

Woran kann das liegen?

wenn ich mein dropdown-menu habe, und ich will dass wenn sich dieses dropdown-menu öffnet und die kategorien zum auswählen bereitstellt, dass wenn ich auf die Kategorie klicke dann sich ein link öffnet, dies funktioniert mit meinem html code (auf der website version) perfekt, jedoch funktioniert dies nicht in der smartphone ansicht, warum das ?

Falls es hilft hier dier html-code

<!DOCTYPE html>

<html lang="en">

<head>

  <title>Language Selection</title>

  <style>

    /* Dropdown Button */

    .dropbtn {

      font-size: 16px; 

      border: none;

    }

    /* The container <div> - needed to position the dropdown content */

    .dropdown {

      position: relative;

      display: inline-block;

    }

    /* Dropdown Content */

    .dropdown-content {

      display: none;

      position: absolute;

      background-color: transparent;

      min-width: 100px;

      box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);

      z-index: 1;

      top: 100%;

      left: 50%;

      transform: translateX(-50%);

      margin: 8px 0;

    }

    /* Links inside the dropdown */

    .dropdown-content a {

      color: transparent;

    padding: 15px 13px; 

      text-decoration: none;

    }

    /* Change color of dropdown links on hover */

    .dropdown-content a:hover {

      background-color: transparent; /* Ändere die Hintergrundfarbe beim Hover */

    }

    /* Show the dropdown menu when hovering over the dropdown */

    .dropdown:hover .dropdown-content {

      display: block;

    }

    /* Keep the dropdown menu open when hovering over it */

    .dropdown:hover .dropbtn {

      background-color: transparent;

    }

  </style>

</head>

<body>

  <div class="gtco-loader"></div>

  <div id="page">

    <nav class="gtco-nav" role="navigation">

      <div class="container">

        <div class="row">

          <div class="col-sm-2 col-xs-12">

            <div id="gtco-logo"><a href="index.html">Endo<em>scopy</em></a></div>

          </div>

          <div class="col-xs-10 text-right menu-1 main-nav">

            <ul>

              <li class="active"><a href="#" data-nav-section="home">Home</a></li>

              <li><a href="#" data-nav-section="about">Über uns</a></li>

              <li><a href="#" data-nav-section="practice-areas">Anwendungsbereiche</a></li>

              <li><a href="#" data-nav-section="technics">Operationstechniken</a></li>

              <li><a href="#" data-nav-section="our-team">Unser Team</a></li>

              <li class="btn-cta"><a href="#" data-nav-section="contact"><span>Kontakt</span></a></li>

              <li class="dropdown">

                <div class="dropdown">

                  <a href="#" class="dropbtn">Deutsch ∨</a>

                  <div class="dropdown-content">

                    <p><a href="italiano.html" class="italiano">Italiano</a></p> 

                    <p><a href="english.html" class="english">English</a></p> 

                  </div>

                </div>

              </li>

            </ul>

          </div>

        </div>

      </div>

    </nav>

  </div>

  <script>

  // JavaScript to handle dropdown menu clicks

  document.addEventListener("DOMContentLoaded", function() {

    var dropdownButtons = document.querySelectorAll(".dropdown .dropbtn");

    var dropdownContents = document.querySelectorAll(".dropdown .dropdown-content");

    // Function to toggle the dropdown content visibility

    function toggleDropdown(index) {

      if (dropdownContents[index].classList.contains("show")) {

        dropdownContents[index].classList.remove("show");

      } else {

        dropdownContents[index].classList.add("show");

      }

    }

    // Close dropdown content if clicked outside the dropdown

    window.addEventListener("click", function(event) {

      if (!event.target.matches('.dropbtn')) {

        dropdownContents.forEach(function(content) {

          content.classList.remove("show");

        });

      }

    });

    // Handle dropdown button clicks

    dropdownButtons.forEach(function(button, index) {

      button.addEventListener("click", function(event) {

        event.stopPropagation(); // Prevent the document click event

        toggleDropdown(index);

      });

    });

    // Handle dropdown options clicks

    var dropdownOptions = document.querySelectorAll(".dropdown-content a");

    dropdownOptions.forEach(function(option) {

      option.addEventListener("click", function(event) {

        // Prevent default action

        event.preventDefault();

        // Redirect to the selected page

        window.location.href = option.getAttribute("href");

      });

    });

  });

</script>

</body>

</html>

Hallo, Ich habe verschiedene Videos dazu angeschaut und Internet durchgeschaut, wie man Programmierer wird und welche Sprache man lernen sollte. Mit Ziel ist auch ohne Studium und Ausbildung zu werden, sondern durch ein Campus bzw, Durch eine Weiterbildung. <zu dem welche Sprachen haben am meisten Zukunft ?

Ich bin sehr Politik interessiert und vor allem Sitzverteilungen und Koalitionen interessieren mich.

Ich versuche seit Ewigkeiten immer wieder so einen Halbkreis zu machen - siehe Bild (hier Österreich als Bsp.)

Habe es schon mit HTML und CSS probiert, bin aber an der Form gescheitert und um das alles (Code und Webseite) zu verbinden.

Weiß da jemand mehr bzw. kann mir jemand helfen und mich glücklich machen?

egal ob YT Video, oder sonst was.

Danke schonmal im Voraus

Folgendes Problem: Ich hab hier eine Seite, die normalerweise einen Ladebalken generieren sollte. In der Style.css ist es wie folgt definiert:

.loader {

 position: relative;

}

.loader::before {

 content: "";

 position: absolute;

 top: 0;

 left: 0;

 width: 100%;

 height: 100%;

 border-radius: 100%;

 border-top: 5px solid red;

 border-left: 3px solid brown;

 border-bottom: 1px solid purple;

 border-right: transparent;

 animation: spinner 0.8s linear infinite;

}

@keyframes spinner {

 0% {

   transform: rotate(0deg);

 }

 100% {

   transform: rotate(360deg);

 }

}

In der Page selbst hab ich dann: <div class="loader">Ladebalken</div>

Die Loaderclass oben ist nur ein Beispiel. Ich hab es auch schon mit anderen Einstellungen probiert.

Nach allem was ich so finde und bisher verstanden habe müsste auf der Webseite eigentlich an der entsprechenden Position ein animierter Ladebalken angezeigt werden, wird es aber nicht, sondern egal was ich in der style.css definiere es erscheint das Wort "Ladebalken" auf weißem Grund. Die Style.css ist korrekt verlinkt, alle anderen Elemente wie z.b Buttons werden korrekt angezeigt.

Wo liegt das Problem bzw. woran könnte das liegen?

Also, ich kann HTML, CSS und die Programmiersprache JavaScript relativ gut. Aber das habe ich eher aus Disziplin statt Spaß gelernt.

Ich habe mich etwas mehr damit befasst.

Es gibt ja Deadlines, also Zeiten, wo man mit einem Projekt fertig sein muss und das stelle ich mit stressig vor.

Fazit: Ich will nicht viel Stress und habe das alles eher aus Disziplin statt aus Spaß gelernt.

Sollte ich es lieber sein lassen?

Ich habe ein Testprogramm geschrieben, in dem man ein Passwort eingibt, dass dann gehasht in einer Datenbank gespeichert wird. Wenn ich mit dem Passwort vergleiche kommt aber nicht true sondern false raus. Das ganze habe ich in WebFTP gemacht.

Als Ausgabe bekomme ich:

123456789 $2y$10$4TMgUO3xGJMCy5iZnd6Be.TBRkIO2Z55GGwgQ5oeToD.ryJZAvvte Richtig In Datenbank übertragen $2y$10$4TMgUO3xGJMCy5iZnd6Be.TBRkIO2Z55GGwgQ5oeToD.ryJZAvvte Falsch Richtig übertragen

Bedeutet das gehashte Passwort wurde richtig gespeichert, aber passwort verify hat beim zweiten mal false zurück gegeben.

Hier ist der php Teil dazu:

<?php
if (isset($_POST["start"])) {
    $password = $_POST["password"];
    $email = $_POST["email"];
    echo $password . " ";
    $passwordHash = password_hash($password, PASSWORD_DEFAULT);
    echo $passwordHash . " ";
    if (password_verify($password, $passwordHash)){
        echo "Richtig ";
    }else{
        echo "Falsch ";
    }
    require_once "data.php"; //Hier wird die Datenbankverbindung gespeichert
    $statement = $pdo->prepare("INSERT INTO tab (email, password) VALUES (?, ?)");
    $statement->execute(array($email, $passwordHash));
    if ($statement){
        echo "In Datenbank übertragen ";
        $sql = "SELECT * FROM tab WHERE email='$email'";
        $user = $pdo->query($sql)->fetch();
        $passwordTest = $user["password"];
        echo $passwordTest . " ";
        if (password_verify($password, $passwordTest)){
            echo "Richtig ";
        }else{
            echo "Falsch ";
            if ($passwordHash == $passwordTest){
                echo "Richtig übertragen ";
            }else{
                echo "Falsch übertragen ";
            }
        }
        die();
    }else{
        die("Es ist etwas schief gelaufen");
    }
}
?>

Hallo,

Ich habe für meine Webseite eine Navigationsleiste gemacht, die sich einklappt, wenn man eine bestimmte Bildschirmbreite hat. Dann sind dort noch drei Punkte und wenn man klickt, öffnet sich eine Übersicht. Das hat alles super funktioniert.

Doch auf Seiten, wo ich schon JavaScript habe, funktioniert die Funktion plötzlich nicht mehr.

Namen sind alle nur einmal vergeben, Links stimmen und so weiter.

Und auf meiner Indexseite funktioniert das Icon nicht, obwohl es überall auf jeder anderen Seite funktioniert.

Hi, ich habe an einen Spezialisten eine Frage:

import Order from './Order.js';
import ArticleModel from './ArticleModel.js';

export default function UserOrderViewHandler(articleModel) {
  this.articleModel = articleModel;
  this.order = new Order(-1, null, [], 0, 0, 0, 0, 0, false);
}

UserOrderViewHandler.prototype.renderPage = function() {
  let body = document.getElementsByTagName('body')[0];
  body.innerHTML = "";
  body.innerHTML = `<div class="container">
    <sidebar>
      <h1 class="mb-4">Unser Sortiment</h1>
      <div id="articleList">
        <div class="row space-between">
          <div class="col-md-4 mb-4">
            <div class="card" data-index="0">
              <div>
                <h2>Salamipizza</h2>
                <p>Halbe hausgemachte Pizza mit Käse und regionaler Salami</p>
                <p><strong>6.50 €</strong></p>
                <button class="addBtnClss btn btn-primary">Artikel hinzufügen</button>
              </div>
            </div>
          </div>
          <div class="col-md-4 mb-4">
            <div class="card" data-index="1">
              <div>
                <h2>Hamburger</h2>
                <p>Burger mit österreichischem Rindfleisch, Ketchup und Senf</p>
                <p><strong>6.00 €</strong></p>
                <button class="addBtnClss btn btn-primary">Artikel hinzufügen</button>
              </div>
            </div>
          </div>
          <div class="col-md-4 mb-4">
            <div class="card" data-index="2">
              <div>
                <h2>Wochenmenü</h2>
                <p>Frittatensuppe --- Spaghetti Bolognese --- Muffin</p>
                <p><strong>12.50 €</strong></p>
                <button class="addBtnClss btn btn-primary">Artikel hinzufügen</button>
              </div>
            </div>
          </div>
        </div>
      </div>
    </sidebar>
    <sidebar>
      <h1 class="mb-4 extramargin">Bestellung</h1>
      <ul id="order"></ul>
      <div class="form-group">
        <label for="pickupTime">Gewünschte Abholzeit:</label>
        <input type="time" id="pickupTime" class="form-control">
      </div>
    </sidebar>
  </div>`;
}

UserOrderViewHandler.prototype.renderOrder = function() {
  let orderElement = document.getElementById('order');
  orderElement.innerHTML = "";
  orderElement.className = "list-group";

  let i = 0;

  for (let article of this.order.articleList) {
    let articleElement = document.createElement('li');
    articleElement.className = "list-group-item d-flex justify-content-between align-items-center";
    articleElement.innerHTML = `
      <div>1 x ${article.name} &emsp; &emsp; &emsp;${article.price.toFixed(2)} €</div>
      <button class="delBtn btn btn-danger btn-sm" data-index="${i}">Entfernen</button>
    `;
    orderElement.appendChild(articleElement);
    i++;
  }
}

UserOrderViewHandler.prototype.bindAddBtn = function() {
  let buttons = document.getElementsByClassName('addBtnClss');
  const that = this;

  for (let button of buttons) {
    button.addEventListener('click', function() {
      let index = this.closest('.card').getAttribute('data-index');
      let article = that.articleModel.getByIndex(index);

      if (article) {
        that.order.addArticle(article);
        that.renderOrder();
      }
    });
  }
}

UserOrderViewHandler.prototype.bindDeleteBtn = function() {
  let orderElement = document.getElementById('order');
  orderElement.addEventListener('click', function(event) {
    if (event.target.classList.contains('delBtn')) {
      let index = event.target.getAttribute('data-index');
      that.order.deleteArticle(index);
      that.renderOrder();
    }
  });
}

1. Warum funktioniert meine bindDelete-Funktion nicht, um die li-Elemente wieder zu löschen?
2. Wie kann ich es schaffen, dass der Preis von jedem li-Element genau so untereinander ist, sodass man ihn schön zusammenrechen könnte:

Danke für die Hilfe.

https://maho-management.com/

mir geht’s um das bewegende unter dem Bild und generell wie die Seite aufgebaut ist

Hallo, ich programmiere zur Übung eine Automarken-Webseite.

Ich will, dass die Buttons so sind;

Und nicht so: (Der Rahmen dient nur zur Übersicht)

Aber wenn ich die Webseite verkleinere, dann sieht so aus; ich möchte aber, dass die sich richtig anpassen, also z.B. 2 nebeneinander sind.

Welchen Befehl kann ich dafür verwenden?

Hier habe ich den Befehl verwendet: .body {

margin-left: 28%;

    margin-right: 28%;

}

Hallo, ich habe meine Startseite zentriert und will auch, dass die Seite wie bei den meisten Webseiten in der Mitte platziert ist und nicht auf der ganzen Seite, also wie z.B. hier:

Könnt ihr mir helfen, welchen Befehl ich dafür verwenden muss?

Wenn ich das Fenster verkleinere oder im Handy aufrufe, sollte die sich dann anpassen.

Danke im Voraus.