Geht sowas bei einem onlineshop?

Hallo!

Mich würde es interessieren ob es möglich ist eine komplette Website, ebenfalls mit Links zu BigBlueButton Aufzeichnungen zu downloaden? Die Datei wäre wahrscheinlich enorm groß, was kein problem wäre mich würde nur interessieren ob es geht und mit welchem Programm.

Lg

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...

Hallo zusammen, ich habe kürzlich meine Weiterbildung als Frontend-Entwickler abgeschlossen und bin nun auf Jobsuche. Trotz des oft berichteten Fachkräftemangels scheint der Markt für Junior-Stellen hart umkämpft zu sein. Meine Bewerbungsunterlagen wurden von der Weiterbildung geprüft, also können sie nicht so schlecht sein.

Ich habe einen B.Sc. in Business Administration und habe vor kurzem meine Weiterbildung zum Frontend-Entwickler abgeschlossen. Ich habe während des Studiums ein Praktikum im Bereich Operations bei einem IT-Startup absolviert und arbeite derzeit wieder dort als Praktikant, diesmal als Frontend-Entwickler. Aus Budgetgründen können sie im Moment keine neuen Mitarbeiter einstellen. Während dieser Zeit plane ich, mich weiter zum Fullstack-Entwickler (TypeScript + React) zu qualifizieren.

Alternativ denke ich darüber nach, ein SAP-Zertifikat zu erwerben, um eine Stelle im SAP-Bereich zu suchen. Hier gibt es wirklich Stellenangebote (Trainee/Junior) ohne Ende.

Eine weitere Option wäre eine Bewerbung als IT-Consultant, obwohl ich das Gefühl habe, dass ich dafür mehr Erfahrung als Entwickler benötige. Wie soll ich Unternehmen beraten, wenn ich selbst keine Ahnung habe?

Es ist frustrierend, nach dem Sparen und Absolvieren der Weiterbildung keine Stelle zu finden, aber ich bleibe optimistisch und offen für Möglichkeiten. Ich hoffe, ihr könnt mir vielleicht ein paar Tipps geben.

Vielen Dank im Voraus

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

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...

Hallo. Ich habe was dummes gemacht. Ich habe mich versucht über Strato wie gewohnt in meinem Wordpress einzuloggen (bisher lag dort nur die "Testurl", deren Link Strato selbst vergeben hat. Nun wolte ich die Domain umleiten und mit der neuen verknüpfen und habe (warum auch immer) in den Wordpress Einstellungen die URL überschrieben. Ergebnis: Ich kann mich gar nicht mehr einloggen. Wie kann ich das rückgängig machen? (cookies löschen etc bringt in dem Fall nichts)

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:)

Servus, ich wollte Mal fragen was eure Meinung zu dieser Website ist

https://msa.mm-rp.de/

und ob ihr noch Tipps zum verbessern habt oder ähnliches.

Hallo zusammen,

ich möchte mich gerne nebenberuflich im Bereich Webdesign selbstständig machen und bin auf der Suche nach dem besten Website-Design-Programm dafür.

Welches Tool könnt ihr mir empfehlen?

Vielen Dank im Voraus für eure Tipps!

Viele Grüße

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>

Hallo ich möchte gerne eine Webseite für einen Minecraft Server erstellen

Weiß jemand wo man kostenlos und einfache eine erstellen kann?

Vielen Dank für ihre Antworten

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

Heute geht es mir um eine korrekte ARIA - Accessibility Auszeichnung:

A) Die (TAB) Skip- Links

<!-- Skip links -->
<nav role="navigation" aria-label="skiplinks" id="skiplinks">
	<a href="#main-content" class="skip-link">Zum Haupt&shy;inhalt springen</a>
	<a href="#totop" class="skip-link">Zum Skip&shy;button springen</a>
	<a href="#foot-global"class="skip-link">Zum Footer springen</a>
</nav>

B) Meine Haupt - Navigation

<!-- HAUPT - Navigation -->
<nav id="main-nav" aria-label="MainNav">
  <details id="site-nav-heading">
	<summary aria-labelledby="site-nav-heading">Haupt-&shy;Navigation</summary>
	  <ul aria-labelledby="site-nav-heading">
		<li><a href="">Website Erika Mustermann</a></li>
		<li><a href="">Blog Max Mustermann</a></li>
	  </ul>
  </details>
</nav>

C) Ein INTERNES SKIPPEN zu einzelnen BLOG-ARTIKELN (geordnet nach Datum & Uhrzeit

<nav id="navigations" class="" aria-labelledby="skiptosection-label">
<h3 id="skiptosection-label" class="visually-hidden">Intern-Site-Navigation</h3>
<div class="skipsection-links">
<details>
	<summary class="site-navigation-header">Inhalt</summary>					
		<ul class="site-nav-skiplinks">
			<li><a href="#blogartikel05">20-02-2024<span>13:00 Uhr</span></a></li>
			<li><a href="#blogartikel04">12-02-2024<span>14:30 Uhr</span></a></li>
		</ul>
</details>
</div>
</nav>

D) Zum Schluss noch der Nach-OBEN (SKIP - to - Top) Button

<!-- SKIP - to TOP LINK -->	
<nav id="skiptop" aria-labelledby="skiptop-label" class="scroll-top-wrapper">
<h2 class="visually-hidden">Skip-to-TOP</h2>
	<div id="skiptop-label" class="scroll-top_link">
		<a href="#skip-to-top"><span>skip to top</span></a>
	</div>
</nav>

Bitte das mal zu korregieren.

Hallo, hat jemand eine Ahnung wie ich mir einen einfacehn login und register system programmiere mit javascript mit google sheets verknüpfen. Ich möchte dann mein System mit google sheets verknüpfen und wenn ich daten von meiner html website absende mit den Nutzerdaten wie zum Beispiel email addresse und passwort dann werden die angegebenen daten vom nutzer auf mein google sheet landen und wenn man zur login seite geht dann sollten die daten bei der login website validiert werden bzw. überprüft werden und wenn es richtig ist werd eich auf einer anderen website weitergeleitet

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?

Guten Tag, ich habe volgendes Problem: die match Methode findet mein Bild nicht, also es wird die ganze Zeit nur das erste Bild auf der Website geändert...

Kann mir jemand sagen woran das liegen könnte?

Welche Programmiersprachen, Framework usw. Benötigt man um zu werden ohne Studium oder Uni. Und wo kann man kostenlos die Programmiersprachen lernen also wie html, css, paython, Javascript, Java also alles was man benötigt. Danke im Voraus

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?

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?

Hallo, wie kann ich dafür sorgen, dass direkt die richtige HTML Datei angezeigt wird, ohne dass ich dafür .html in der Adresse angeben muss bzw. die HTML Datei manuell auswählen muss:

Am besten in Sketchware Pro falls es jemand kennt, oder sonst maybe No Code. Falls ihr tutorials mit Code habt könnt ihr mir damit natürlich auch helfen. Nodejs und Javascript nicht sondern Python. Am besten wäre eine App für Android stat Website

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

Ich habe eine Seite über Wordpress erstellt und habe das Problem, dass ich im Titel meinen Domain-Namen stehen habe mit .de am Ende. Ich bin bereits bei Wordpress und Yoast SEO die Einstellungen durchgegangen und komme nicht zur Lösung.

Als Beispiel habe ich hier Facebook, so wie es optisch richtig sein sollte.
Der Titel ist einfach nur Facebook OHNE .com und dadrunter steht der Domain-Name.

Hallo,

gibt es irgendwo die Möglichkeit zu sehen, wann eine bestimmte domain von jemanden reserviert wurde? also zb "domainname .de" wurde am 10.6.2024 reserviert..

Hallo,

ich habe eine Frage: Und zwar möchte ich später für mein Portfolio so eine ähnliche App wie Uber programmieren (klar, die wird um einiges kleiner sein und nicht so kompliziert).

Ich bin noch relativ am Anfang und lerne gerade fleißig programmieren.

Was glaubt ihr: Nach wie vielen Monaten kann man sich an so ein Projekt trauen, wenn man jeden Tag so 3-4 Stunden lernt?

Hallo, ich habe das problem, dass meine PHP mail nur lokal ankommtl, jedoch nicht wenn ich sie an einen externen Mailprovider schicke, dass ist mein code

<!DOCTYPE html>
<html lang="de">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Statusmeldung</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
            background-color: #191919;
            color: white;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
        }


        .container {
            text-align: center;
            padding: 20px;
            background-color: #2a2a2a;
            border-radius: 5px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        }
        h1 {
            margin-bottom: 20px;
        }
        .success {
            color: green;
        }
        .error {
            color: red;
        }
        .back-button {
            margin-top: 20px;
            background-color: #333;
            color: #fff;
            padding: 10px 20px;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            transition: background-color 0.3s ease;
        }
        .back-button:hover {
            background-color: #555;
        }
    </style>
</head>
<body>
    <div class="container">
        <h1>Statusmeldung</h1>
		<button class="back-button" onclick="window.history.back()">Zurück</button>
		
        <?php
        session_start();


        if ($_SERVER['REQUEST_METHOD'] === 'POST') {
            // Spam-Schutz: Überprüfen, ob genügend Zeit seit dem letzten Absenden vergangen ist (1 Stunde)
            if (isset($_SESSION['last_submit_time']) && time() - $_SESSION['last_submit_time'] < 600) {
                $timeLeft = 600 - (time() - $_SESSION['last_submit_time']);
                echo "<p class='error'>Bitte warten Sie noch $timeLeft Sekunden, bevor Sie das Formular erneut absenden. Die Ankunft der Email kann bis zu 24h dauern.</p>";
                exit;
            }


            // Aktualisieren der letzten Absendezeit
            $_SESSION['last_submit_time'] = time();


            // Weiter mit der E-Mail-Versendung
            $to = filter_var($_POST['email'], FILTER_VALIDATE_EMAIL);
            $subject = 'Backup Bier aus dem Schlauch';
            $message = 'Hey, hier ist dein Backup von Bier aus dem Schlauch.';
            $headers = "From: noreply@bierausdemschlauch.de";


            $data = $_POST['exportedFile'];
            $fileName = $_POST['fileName'];
            $fileContent = base64_decode($data);


            $separator = md5(time());
            $eol = PHP_EOL;


            // Main headers
            $headers .= "MIME-Version: 1.0" . $eol;
            $headers .= "Content-Type: multipart/mixed; boundary=\"" . $separator . "\"" . $eol;


            // Message
            $body = "--" . $separator . $eol;
            $body .= "Content-Transfer-Encoding: 7bit" . $eol . $eol;
            $body .= $message . $eol;


            // Attachment
            $body .= "--" . $separator . $eol;
            $body .= "Content-Type: application/octet-stream; name=\"" . $fileName . "\"" . $eol;
            $body .= "Content-Transfer-Encoding: base64" . $eol;
            $body .= "Content-Disposition: attachment; filename=\"" . $fileName . "\"" . $eol . $eol;
            $body .= chunk_split(base64_encode($fileContent)) . $eol;
            $body .= "--" . $separator . "--";


            if (mail($to, $subject, $body, $headers)) {
                // Benachrichtigung über Erfolg
                echo "<p class='success'>E-Mail erfolgreich gesendet.</p>";
            } else {
                // Benachrichtigung über Misserfolg
                echo "<p class='error'>E-Mail konnte nicht gesendet werden.</p>";
            }
        } else {
            echo "<p class='error'>Ungültige Anforderung.</p>";
        }
        ?>
		
        
    </div>
	
</body>
</html>

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

Auf meinem PC laden script, style und bilder noch, aber sobald ich den Ordner auf andere Geräte übertrage geht nichts mehr. Auch wenn ich den Ordner auf meinem PC verschiebe funktioniert alles. Woran kann das liegen

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!

Moin moin meine Lieben,

React oder Angular? Oder doch lieber die Newcomer Vue.js oder Svelte? Oder etwas ganz anderes?? Ich weis, das ist eine niemals endende Diskussion, aber mich würde interessieren welches Framework ihr benutzt und warum ihr von diesem Framework überzeugt seit.

Ich fang mal an:

Ich benutzte React mit TypeScript, da es mir vom Aufbau und der Struktur gefällt. Ich kann mich mit React als funktionales Framework besser anfreunden als mit Angular, welches auf objektorientierte Programmierung setzt.

Vor allem in Verbindung mit NextJS überzeugt mich das Framework mit starker Performance und exzellentem SEO. Mit diesem Stack erziele ich bei jeder Website knapp ein 100er Ranking in allen Kategorien bei Google PageSpeed Insights.

Ein solch gutes Ranking hab ich z.B. bei einer Angularseite bisher noch nicht gesehen.

Auch bei der Weiterentwicklung des Frameworks sehe ich eine sehr gute Entwicklung bei React, z.B. bekommt React in der nächsten Version einen Compiler, worauf ich bereits sehr gespannt bin.

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, ist der Registry-Betreiber einer Domain relevant für die Sicherheit? Also, gibt es bspw. Unterschiede zwischen Radix (Indien) und Denic (Deutschland) etc?

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. :)

(Mir ist bewusst, dass ML-Modelle keine echte KI sind, wird aber im allgemeinen Volksmund so bezeichnet. Ihr wisst, was ich meine. ;-))

Auch, wenn es die Option "Brauche ich nicht" gibt, ist damit eher eine persönliche Überzeugung gemeint. "Brauchen" würde es theoretisch natürlich kein guter Entwickler.

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.

Welche Domain-Endung ist aus marketingtechnischer Sicht attraktiver: ".one" oder ".co"? Die Domain soll zu einer Marketingplattform gehören. Hat jemand Erfahrungen oder Empfehlungen, welche Endung sich besser für Branding und SEO eignet?

Hallo zusammen

Ich versuche schon seit einiger Zeit die Produkte aus Woo Comerce (Wordpress) zu exportieren und bei WIX.com zu importieren, jedoch ohne Erfolg. Weiss einer eine simple Lösung ohne eine Agentur in Anspruch zu nehmen, diesen Transfer meistern zu können.

Als Info: Ich erhalte bei Wix immer eine Fehlermeldung (Valid oder Product fehlt oder Komma Setzung ist falsch). Es handelt sich um mehrere Hundert Produkte. Dies von Hand einzutragen würde also eine Ewigkeit dauern.

Vielen Dank für eure Hilfe

Habe den IONOS Kundensupport ebenso kontaktiert und laut ihnen sind für das Webhosting nur TLS 1.2 Zertifikate verfügbar. Nach einem Scan war jedoch offensichtlich, dass dieses Zertifikat bis zu 5 schwache Cipher enthält. Wie entferne ich nun das Risiko für Attacken auf meine Website?

Guten Tag, ich bin Sportler und würde gerne eine Website über mich und mein tun erstellen. Wo und wie mache ich das ? Und was kostet das ?

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.

Hi,

bei der Installation eine Webseite ist mir ein Fehler unterlaufen. Ich habe diese ins Oberverzeichnis installiert. Alledings liegen auf dem Server noch mehrere andere Webseiten und eigentlich soll jede Webseite in einen eigenen Subfolder. Wie mache ich das? Wenn ich die Installationsordner von Wordpress nun einfach in den neu erstellten Subfolder ziehe und bei Allinkl. den Pfad ändere funktioniert es nicht. Wo muss ich sonst noch etwas ändern?

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

Ich bin 15 und üben jetzt seit Monaten Websites zu erstellen/ designing/ programmieren und Kann das eigentlich ziehmlich gut. Hab mir viele Tipps beigebracht und hab mindestens schon 35 erstellt zum üben. Jetzt wollte ich Fragen ob man damit Geld verdienen kann wenn man zum Beispiel kleinen Läden anbietet Homepages für die zu erstellen, und ob ich das schon mit 15 machen darf. Wie findet ich die Kunden, soll ich da dann einfach zu Geschäften gehen und Fragen ob die sowas brauchen?

Ich arbeite gerade an meiner Notion Formel zur Formatierung eines individuellen Countdowns, und mir wird dieser Fehlercode angezeigt. Kann irgendwie nichts hilfreiches dazu finden, auch nicht auf der Notionwebsite. Weiß jemand, was dieser Fehlercode heißt? Kann auch gerne meine Formel schicken, falls das hilft.

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

Nutzt ihr zum programmieren eher Eclipse oder IntelliJ und warum nutzt ihr Eclipse bzw. IntelliJ?

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.

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.

Hallo ich programmiere gerade ein System in C# dabei verbinde ich mich mit einer Hostinger Mysql-Database jetzt habe ich das Problem das Git ja das Passwort und Co für den Datenbank access zeigt jetzt gibt es ja die Lösung das man einfach nur Token hinschreiben jedoch kann sich dann keiner damit verbinden. Also kurz ich will das jeder das Repo runterladen kann und sich mit der Datenbank online verbinden kann jedoch gleichzeitig nicht das Passwort im Code für den Zugang ersichtlich ist.

Hallo, ich wollte meinen Vater eine Webseite erstellen. Mein Vater hat ein reinigungsunternehmen. Ich würde es gerne machen,Weis jedoch nicht mit welchen Anbieter. Ich habe mich mit Shopify zusammengefasst und Weis schon bisschen wie es funktioniert. Wäre es eine gute Möglichkeit. Und was sollte ich beachten.

Hii, also ich brauch Hilfe mit HTML (nur HTML und nicht CSS).

Ich will ein Bild einfügen, will aber nicht, dass es im Text steht sondern quasi hinter dem Text.

Wenn es im Text steht, verschiebt sich immer alles und es ist ein riesen Abstand zwischen den Zeilen, genau das will ich vermeiden.

Kann mir jemand weiter helfen?

Ihr seht ja auf Line 25 "count = 0". Wenn ich diese Line entferne, bekomme ich auf der Console keinen Output mehr.

Aber ich wundere mich warum diese Zeile überhaupt da sein muss, immerhin wurde int count = 0; bereits in line 13 initialisiert. Warum muss sie dann in 25 nochmal initialisiert werden?

Finden in euren Firmen auch endlose Meetings nur um der Meetings willen statt? Bei mir zum Beispiel sind bei der Erstellung eines internen Firmennetzwerks nur Manager, Marketingleute und ein Programmierer anwesend, aber kein einziger Spezialist, der solche Netzwerke tatsächlich einrichtet.

Der Chef möchte Webprojekte im Intranet platzieren, um die Datensicherheit zu gewährleisten. Allerdings erfordert das Projekt Skalierbarkeit und die Verbindung mit anderen Projekten im Internet. Der Chef befürchtet, dass Daten auf einem VPS gehackt werden könnten, aber wo ist die Garantie, dass Daten im Intranet nicht auch gestohlen werden? Die Verbindung mit dem Intranet kann eingeschränkt oder erschwert sein. Wie sinnvoll ist es, Daten auf eigenen Servern zu speichern, wenn in Zukunft neue Projekte hinzukommen und eine Synchronisierung erforderlich ist? Muss man dann das Internet mit dem Intranet verbinden?

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?

Hey Leute

Kennt sich wer mit programmieren aus? Ich bräuchte mal Hilfe, ich möchte eine Website erstellen, hab aber keine Ahnung davon🥲

Also ich überlege beim Vergleich zwischen Mac und Windows, wie gut Freie Software auf dem jeweiligen system läuft und wie gut die pflege der Software ist.

Mit etwas googeln scheint mir: Programme wie Firefox, Thunderbird, OBS, LibreOffice, GIMP, Inkscape und Audacity sind auf beiden Betriebssystemen verfügbar. Allerdings berichten einige Benutzer, dass die Programme auf Windows reibungsloser laufen. Die integration ins jeweilige Betriebssystem ist eigentlich auch wichtig aber natürlich schwer zu vergleichen. Mac ist ja eigentlich etwas näher an Linux und hat einheitlichere Hardware zum Optimieren aber Windows nutzen halt mehr Leute.

Was denkt ihr so?

Ob jetzt auf Facebook, hier oder Pinterest....

Bekommen Posts den Daumen hoch, bei denen man sich ernsthaft fragt ob die Aufmerksamkeits-Spanne eines TikTok-Users eventuell sogar länger sein muss, als bei so einigen die scheinbar alles toll finden. Oder werden dabei nur die Überschriften gemocht? ... ich bin in dem Punkt ein wenig ratlos...

Bei folgendem Code macht das * bei contact Form 7 in Wordpress das Feld zum Pflichtfeld.

Man kann auch HTML Code in contact Form 7 einfügen. Jedoch macht required das Feld nicht zum Pflichtfeld. Muss ich noch irgendwas bestimmtes dafür zum HTML Dokument hinzufügen, dass ich required verwenden kann? Oder kann ich es wie die zweite Zeile mit * trotzdem im HTML Code irgendwie lösen?

Durch den folgenden Code werden zwei Eingabefelder ausgegeben. Nur wie erwähnt die zweite Zeile gibt erst im gegensatz zur dritten Zeile ein Pflichtfeld aus.

Falls das alles nicht klappt: Kann ich für contact Form 7 nach dem Schema der zweiten Zeile trotzdem irgendwie Pattern Checking hinzufügen?

<label for="name">Name:</label>

[text* Name placeholder "Name"]

<input type="text" id="name" name="name" pattern="^[a-zA-ZäöüßÄÖÜ ]+$" *><br><br>

Vielen Dank schonmal!

Also Folgendes: ich hab hier ein PHP-Formular mit einem Eingabefeld und einem Submit Button, dass die eingegebenen Werte an eine bestimmte URL sendet. (Das ist erstmal simpel) Ich habe auch herausgefunden, wie man die URL z.b mit einer Zahlenfunktion variieren kann. Auch das geht relativ leicht. Was hingegen scheinbar weniger einfach ist: Ich würde das Action Attribut, also die URL, wo die Eingaben hingesendet werden nun gerne über einen HTML-Schalter z.b Checkbox dynamisch & in Echtzeit ändern. z.b Checkbox aktiv = Daten werden an URL2 gesendet, Checkbox nicht aktiv = Daten werden an URL1 gesendet. Oder es soll einfach ein URL-Zusatz hinzugefügt werden, je nachdem ob die Checkbox aktiv ist oder nicht. Meine jetzt ganz blöde Frage: Wie oder mit welchem Ansatz kann das funktionieren? Ich habe da jetzt bereits XX Stunden rumprobiert: Normale Variablen mit Conditions definieren, Sessions starten, der Versuch ein Cookie zu setzen, dass beim Ein und Ausschalten der Checkbox gesetzt bzw. gelöscht werden soll (klappt nicht). Mit JS Codeschnipseln herumprobiert. Nichts davon scheint zu funktionieren bzw. es wird einfach immer der Zustand "checkbox unchecked" an URL1 gesendet.

Hat irgendeiner mit Ahnung ne Idee wieso das nicht funktioniert und ob es einen lösbaren Ansatz für dieses Problem gibt?

   const screenToViewport = (screenPosition) => {
      // Calculate the scale of the canvas
      const scaleX = this.canvas.width / 2;
      const scaleY = this.canvas.height / 2;
      // Apply camera position offset to screen coordinates
      const cameraAdjustedX = screenPosition.x + this.camera.x * 2;
      const cameraAdjustedY = screenPosition.y + this.camera.y * 2;
      // Convert adjusted screen coordinates to canvas coordinates
      const canvasX = cameraAdjustedX - scaleX;
      const canvasY = cameraAdjustedY - scaleY;
      // Return the canvas coordinates
      return { x: canvasX, y: canvasY };
    };

Wie kann man hier die Funktionalität des Viewports mithilfe von

this.canvas.zoom

implementieren?

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>

Es kommt bei jeder XAMPP installation mit aber ich habe noch nie eine PERL Stellenanzeigen dafür gesehen, weder Projekte die man damit machen kann, es gibt auch keine bekannte Software die mir so spontan einfällt die mit Perl entwickelt wurde sodass man es noch unter die Kategorie Legacy wie Cobol / Fortran packen könnte.

Also wo wirklich Systeme wie bei Banken oder so noch so bleiben sollen in der Alten Sprache und maximal Langsam sich was tut weil man nichts kaputt machen will.

Es gibt auch nicht wirklich use-cases für Perl, es ist soweit ich weiß nur ein PHP oder Ruby was wirklich nur auf einem Webserver läuft und nicht mehr kann.
Man kann weder damit was im Frontend machen noch sonst was cooles wie mit JavaScript wo alles möglich ist.

PHP hat dafür seine bekannten Frameworks und extrem Populär durch CMS Systeme Wordpress usw.

Ruby ist auch weit verbreitet und bisschen Legacy, mir fällt da höchstens Shopify ein aber es ist bekannt gewesen für sein Framework on Rails.

Perl sagt mir rein garnichts und populär war das auch nie denke ich, hat sich auch nie weiter entwickelt.

Wahrscheinlich hat man da noch früher die Software auf was anderes umgestellt weil die Sprache noch weniger Nutzer hat als so altes Cobol.

Hallo ich habe eine Frage,

ich möchte gerade eine Art Webcam-Sammlung für mich in HTML schreiben und zusammenfassen.

Bei den klassischen Webcams wo einfach nur normale Bilder angezeigt werden ist das alles kein Problem.

Wie ist es nun wenn ich z.B. bei Panomax ein bewegtes Bild habe. Dadurch lässt sich das "Thumbnail" bzw. das Bild welches ich von der Region darstellen möchte nicht mit dem normalen <a href: "xxxx" usw... einfügen da es ja keine Bilddatei ist.

Ist es nun irgendwie möglich dieses "bewegte Bild" auch direkt einzufügen das ich in der "Vorschau" bevor ich auf das Bild drücke und die Webseite aufrufe das zu animieren?

Liebe Grüße

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

Hallo Leute,

Ich muss mir in den nächsten Tagen eine Domain Name kaufen für eine Webseite. Den Namen den ich möchte ist Frei. Aber es gibt so viele Seiten wo ich meine gewünschte Domain Name kaufen kann. Muss ich von allen bzw. allen großen Seiten meine Domain Namen kaufen? Oder reicht es wenn ich nur von einer Webseite kaufe? Vielen Dank.

Hallo zusammen

ich habe einen raspi 4B mit 4GB.

auf diesem läuft mein localer server. Mehrere ESP senden sekündlich einen Request, bestehend auch max. 40 zeichen an ein php script........ das script wertet dann eineige daten aus und schreibt minimale mysql einträge.

plötzlich funktioniert mein php server nicht mehr. nach ewiger suche, hier die lösung:

server reached pm.max_children setting (5), consider raising it

mein wert war auf 5 gestellt.

kann ich bei einem 4GB raspi den wert auf 20 steigern? was ist hier möglich? danke

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.

Dass KI Fluch und Segen zugleich sein wird, sollte jedem klar sein.

Doch was meint Ihr persönlich, wie weit es bspw. in der Film- und Musikbranche gehen wird?

Gehen wir einmal von einem LIVE-Konzert bzw. -Auftritt aus: Ein heutiger Künstler performt einen Song eines früheren Stars, der nicht mehr lebt. 

Als besonderes Highlight für diese "Show" haben die Leute "hinter" der Bühne eine KI "kreiert", die diesem einstigen Star zu 99,9% identisch ist.

Diese künstliche Intelliigenz kommt nun - gemeinsam mit dem lebenden Künstler - auf die Bühne.

Die KI hat (davon muss bitte ausgegangen werden) alle typischen Eigenschaften, welche die damalige Person hatte (Aussehen, Bewegungen etc.).

Wird diese künstliche Intelligenz jedoch auch auf unvermittelte Reaktionen der lebenden Person neben sich realistisch reagieren können?

Beispiel: Man performt einen Song, und aus der Emotion heraus ergreift die lebende Person die Hand der KI und schaut sie an. Wird dieser "Roboter" ad hoc" - wie ein echter Mensch - reagieren und dasselbe tun?

Gehen wir in der Phantasie noch einen Schritt weiter: Ohne die KI vorher anzuschauen, ergreift der echte, lebende Künstler die Hand der KI und geht mit dieser - ohne "Vorwarnung" - die Bühne entlang, hin zur Bühnentreppe, um diese "gemeinsam" hinunterzugehen. Agiert die potenzielle KI dann ebenso rasch wie es für menschliche Wesen typisch ist, und wird der echten Person folgen, ohne dass es "unnatürlich" wirken wird?

Was ist Eure Meinung dazu?

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