HTML – die neusten Beiträge

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!

Moinsen,

ich bin dabei, mir ein Script für Multidomain Tracking zu bauen.
Also Cookies auf mehreren Domains setzen usw.
Das meiste funktioniert soweit wie erwartet.
Das Script soll dynamisch über Cloudflare Zaraz geladen werden.

Jetzt fehlt mir bis jetzt soweit nur noch das einsetzen der Session ID, die ich generiere und die Domain, die aktuell aufgerufen wurde.

In dem Code möchte ich gerne die Variable sessionID sowie die Variable Domain einsetzten lassen.
Wie kann ich das bewerkstelligen?

Ich bin leider nicht ganz so erfahren in Javascript.
Ich habe schon einiges getestet aber es will einfach nicht.

Die Sache ist die, dass es mit Vanilla JS laufen müsste. Also ohne extras usw.

Es soll halt nur JS per Cloudflare Zaraz eingebunden werden.

Der/Die beiden Code Bestandteile sind folgende:

Einmal der Matomo Tag Manager      

<!-- Matomo Tag Manager -->
<script>
  var _mtm = window._mtm = window._mtm || [];
  _mtm.push({'uid':+sessionID });
  _mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'});
  (function() {
    var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
    g.async=true; g.src='https://xyz.de/js/container_12345.js'; s.parentNode.insertBefore(g,s);
  })();
</script>
<!-- End Matomo Tag Manager -->


Sowie der JS Tracker Code

var _paq = window._paq = window._paq || [];
  /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
  _paq.push(["setDocumentTitle", document.domain + "/" + document.title]);
  _paq.push(["setCookieDomain" +DomainX]);
  _paq.push(["setDomains", ["*xyz.de"]]);
  _paq.push(["enableCrossDomainLinking"]);
  _paq.push(['setUserId', sessionID]);
  _paq.push(['enableHeartBeatTimer', 20]);
  _paq.push(['trackPageView']);
  _paq.push(['enableLinkTracking']);
  _paq.push(['trackVisibleContentImpressions', true, 750]);
  (function() {
    var u="https://xyz.de/";
    _paq.push(['setTrackerUrl', u+'matomo.php']);
    _paq.push(['setSiteId', 'X']);
    var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
    g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
  })();
</script>
<noscript><p><img referrerpolicy="no-referrer-when-downgrade" src="https://xyz.de/matomo.php?idsite=3&amp;rec=1" style="border:0;" alt="" /></p></noscript>
<!-- End Matomo Code -->

Ohne css und für n spiel das nur mit html klarkommt, bin grad bsl lost eig <b><color=red> T E X T </color><b>, bitte kann mir jemand helfen also einen Code schicken

Danke

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

Bei meinem letzten Webhoster habe ich für eine .com-Domain + 25GB SSD-Speicher 18 Euro im Jahr bezahlt. Könnt ihr mir einen Anbieter mit vergleichbaren Preisen empfehlen, bei dem ich leicht die Domain umziehen kann?

Anbieter wie Strato sind zwar bekannt, aber da fangen die Pakete bei 500GB an, was ich nie brauchen werde. Eigentlich waren auch 25GB unnötig.

Ich komme in erster Linie auf diese unseriösen Vergleichsseiten im Internet. Gibt es Anbieter, die ich meiden sollte? Ich kenne mich überhaupt nicht aus bzw. weiß nicht, ob ich da was falsch machen kann. Zuletzt war ich bei OnyxHosting und da kam die Empfehlung auch hier aus dem Forum. Die schleißen aber.

Ich habe eine Website auf der eine Playlist mit Musik zu finden ist. Spielt man vom Handy aus ein Lied ab, erscheint wie immer oben in der Leiste mit den Benachrichtigungen das kleine Feld mit Start/Stopp-Button und Titel des Liedes usw. Weiß jemand, wie ich bearbeiten kann, welche Infos und was genau dort steht? Ich arbeite mit einem Website-Baukasten und würde HTML-Code einfügen, um das zu bearbeiten. 

Angenommen habe ich Backend etwas entwickelt.

um das durch Web zu bedienen, nutzt man Java, HTML etc.

um das als Software mit exe zu bedienen, nutzt man was? .Net?

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

Hallo Community,

ich interessiere mich voll für programmieren und dachte mir, ich fange Mal mit dem "Grundgerüst" - also HTML - an. Da ich keinen PC habe kann ich das nur auf dem Tablet machen. Kennt ihr gute Editoren, die es für Tablets (Android) gibt?

Wünsche euch noch ein schönes Wochenende :)

wie macht man es das man Dateien löscht oder bearbeitet mit JavaScript und html

Ich finde den Code für den Domain-Umzug nirgends im Kundenkonto und der Support antwortet mir nicht. Kann mir jemand sagen, wo genau ich draufklicken muss, um den Auth-Code zu bekommen?

PHP lernen im PHP-Kurs beim ILS - PHP-Datenbankentwickler

Lehrgangsdauer

15 Monate bei etwa 7 Stunden pro Woche

Studienabschluss

Nach erfolgreichem Abschluss Ihres Lehrgangs erhalten Sie von uns als Nachweis Ihrer Qualifikation das ILS-Abschlusszeugnis "PHP-Datenbankentwickler/in".

Nach erfolgreicher Bearbeitung einer Prüfungsarbeit, die als Heimprüfung gelöst wird, erhalten Sie das Abschlusszertifikat "Geprüfte/r PHP-Datenbankentwickler/in (ILS)"

PHP lernen im PHP-Kurs beim ILS - PHP-Datenbankentwickler

Hallo, ich habe da mal eine Frage.

Und zwar: Ich wollte eine Schulung zum Softwareentwickler/Programmierer machen.

Allerdings weiß ich nicht ganz wo. Es gibt so viele und ich weiß nicht ganz, was davon vertrauenserweckend ist. Habt ihr da schon Erfahrungen mit irgendwelchen Kursanbietern gemacht?

Danke schon einmal.

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?

Ich würde gerne anhand dieser Anleitung für ein Problem auf den Event listener in JavaScript in Android zugreifen...

Siehe Link: https://broken-links.com/2010/07/08/making-html5-video-work-on-android-phones/

In order to play the video in Android, I also have an event listener in the JavaScript which plays the video when the element is clicked on, somewhat like this:

var video = document.getElementById('video');
video.addEventListener('click',function(){
  video.play();
},false);

Kann mir jemand bittet erklären, wie das genau bewerkstellige diesen Code in dem erwähnte Event Listener einzutragen bei einem Android Smartphone?

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)

Ich habe mir gestern zwei Domains und das starter Pakaet bei strato gekauft. Jetzt sind meine Domains aktiviert und wenn ich meine Dateien(darin ist auch index.html) hochlade bei Filezilla steht bei meiner Website immernoch, dass die Domain reserviert ist. Wenn ich bei strato auf Webspace verwalten gehe, sieht man dort aber die dateien hochgeladen. Das heißt eigentlich habe ich alles richtig hochgeladen. Dazu habe ich es in einen anderen schon länger gekauften Paket ausgetestet und die Website dort hochgeladen und dort funktionierts auch. Dieses schon länger gekaufte Paket habe aber nicht ich eingerichtet sondern jemand anderes, zu dem habe ich kein Kontakt mehr mit der Person, deswegen könnte es sein, dass er etwas voreingestellt hat im Paket was in meinen neugekauften Paketen nicht eingestellt ist. Kann es sein, dass man was einstellen muss oder vielleicht ist es zu früh etwas hochzuladen und man muss nur warten. Hat da jemand Erfahrung?

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.

Mit den ganzen Funktionen, dass man z.B. nach einem Motoröl für sein Fahrzeug suchen kann und alles. Also von Null auf diesen ganzen "Shop" aufziehen.
Wie viele Leute arbeiten an sowas und wie lange.

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.

Hallo ich habe gerade C++ gelernt und will nun Hardware programmieren. Dabei habe ich gesehen das der beste Einstieg seie ein Microcontroller. Also habe ich mich ein bisschen umgesehen und fand den Arduino Union den besten (gern korrigieren wenn absolut nicht) nun finde ich aber das diese Controller alleine langweilig sind ohne z.B. Leds, Sensoren und Co. nun Frage ich mich welches Kit das beste ist.

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

Hallo zusammen!

Ich habe folgende Frage:

Gibt es eine Möglichkeit (Funktion in Javascript, extra Add on o.Ä.) eine dynamisch ladende Seite abzuspeichern?

Konkret meine ich z.B. bei Telegram-Web ist es so, dass niemals alle Nachrichten gleichzeitig geladen werden, sondern die laden immer dann, wenn man hochscrollt und ich möchte gerne allgemein (und eben speziell bei Telegram) irgendeine Funktion haben, wie ich mir davon dann auch ein Snapshot (also die Seite als html) abspeichern kann.

Ich hatte es schon mithilfe von perplexity versucht, allerdings hat das nicht geklappt, da er mir nur ein Skript ausgegeben hat, dass die Seite einmal durchscollt und dann als html speichert, allerdings werden dann wieder frühere Nachrichten nicht mitgespeichert.

Danke im Voraus!

Wenn ich nun in C++ die Funktion benutze, um zufällige Zahlen zu generieren, wo kommen diese dann her? Einen Zufall kennt der Pc doch garnicht?

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!

Halli hallo

Ich frage mich gerade wie man eine Website erstellt auf der mehrere Firmen gelistet sind mit einer eingenen Listung Ihrer Produkte aber es nur ein Warenkorb gibt? Ähnlich wie lieferando nur z. B für selbstgemachte Produkte.

Der Kunde A. in Frankfurt sucht zb ein Uhrmacher und findet 3 gelistete Uhrmacher in Frankfurt und bestellt dort und die Abwicklung ist nur über die Hauptseite möglich und eine Bestellung nur zwischen 10-17 Uhr möglich, danach kann man dort nichts mehr bestellen.

Andersrum genau das gleiche Kunde B. Bestellt in Berlin was wo man nur bestellen kann zwischen 17-22 Uhr

Ich finde nur Shopsysteme die immer nur für einen einzigen sind und wenn man dort andere Adressen eingeben will nur rund um die dir Uhr geöffnet ist und nicht das die Firmen eigene urhzeiten besitzen..

Ich hoffe ihr versteht was ich meine.. Eigentlich soll es vom Aufbau wie lieferando sein.

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?

Hi, ich habe mir heute eine Domain bei Ionos gekauft. Jetzt möchte ich die Domain mit meinem Webserver verbinden, der bei mir im WLAN sitzt. Ich habe ein bisschen rumprobiert mit der portweiterleitung und so aber kam zu keinem ergebnis. Kann mir jemand helfen? Danke

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

wo findet man Kunden die eine Website brauchen für ihre Firma und wie viel kann man dafür so verlangen 100€?

Hallo!

Ich will ein Passwort, das eingegeben wird, vergleichen. Doch es kommt immer wieder diese Fehlermeldung:

Eingegebenes Passwort: n1234
admin:238 Benutzername: nadine
admin:242 Uncaught ReferenceError: form is not defined
  at validatePassword (admin:242:18)
  at HTMLButtonElement.onclick (admin:161:100)

Der Code im AdminController sieht so aus:

public function validatePassword(Request $request, $userName) {
  try {
    $password = $request->input('password');

    // Benutzer anhand des Benutzernamens finden
    $user = User::where('username', $userName)->first();

    // Debugging-Informationen in das Log schreiben
    \Log::info('Benutzername: ' . $userName);
    \Log::info('Benutzer gefunden: ' . ($user ? 'Ja' : 'Nein'));

    if (!$user) {
      return response()->json(['valid' => false, 'message' => 'Benutzer nicht gefunden']);
    }

    // Überprüfen, ob das gespeicherte Passwort im Bcrypt-Format ist
    $passwordInfo = password_get_info($user->password);
    \Log::info('Passwort-Algorithmus: ' . $passwordInfo['algoName']);

    if ($passwordInfo['algoName'] !== 'bcrypt') {
      return response()->json(['valid' => false, 'message' => 'Das gespeicherte Passwort verwendet nicht den Bcrypt-Algorithmus.']);
    }

    // Passwortüberprüfung
    $passwordCheck = Hash::check($password, $user->password);
    \Log::info('Passwort korrekt: ' . ($passwordCheck ? 'Ja' : 'Nein'));

    if ($passwordCheck) {
      return response()->json(['valid' => true]);
    }
    else {
      return response()->json(['valid' => false, 'message' => 'Ungültiges Passwort']);
    }
  }
  catch (\Exception $e) {
    \Log::error('Fehler bei der Passwortvalidierung: ' . $e->getMessage());
    return response()->json(['valid' => false, 'message' => 'Serverfehler. Bitte versuchen Sie es später erneut.'], 500);
  }
}

Und im admin blade so:

function showPasswordModal(route, userName) {
  console.log('showPasswordModal() wurde aufgerufen mit Route:', route);
  $('#passwordModal').modal('show');
  $('#passwordForm').attr('action', route); // Setze die Aktion des Passwort-Formulars auf die gewählte Route
  $('#passwordForm').data('userName', userName);
  console.log(userName);
}

function validatePassword() {
  console.log('validatePassword() wurde aufgerufen');
  var enteredPassword = document.getElementById('passwordInput').value;
  var userName = $('#passwordForm').data('userName');
  console.log('Eingegebenes Passwort:', enteredPassword);
  console.log('Benutzername:', userName);

  $.ajax({
    type: 'POST',
    url: form.action,//$('#passwordForm').attr('action'), // Stellen Sie sicher, dass dies die richtige Route ist
    data: {
      '_token': '{{ csrf_token() }}',
      'password': enteredPassword
    },
    success: function(response) {
      console.log('Server-Antwort:', response);

      if (response.valid) {
        $('#payForm').submit();
      }
      else {
        alert(response.message || 'Falsches Passwort! Bitte versuche es erneut.');
      }
    },
    error: function(xhr, status, error) {
      console.error('AJAX-Fehler:', error);
      alert('Fehler beim Validieren des Passworts. Bitte versuche es später erneut.');
    }
  });

Warum kommt immer wieder eine Fehlermeldung? Ich habe schon alles probiert und das schon seit Stunden! Danke.

Hallo!

Mein Code bekommt immer wieder eine Fehlermeldung, oder er funktioniert einfach nicht.

function showPasswordModal(route, userName) {
console.log('showPasswordModal() wurde aufgerufen mit Route:', route);
$('#passwordModal').modal('show');
$('#passwordForm').attr('action', route); // Setze die Aktion des Passwort-Formulars auf die gewählte Route
$('#passwordForm').data('userName', userName);
}
function validatePassword() {
console.log('validatePassword() wurde aufgerufen');
var enteredPassword = document.getElementById('passwordInput').value;
var userName = $('#passwordForm').data('userName');
var form = document.createElement('form');
form.method = 'POST';
form.action = "{{ route('admin.validatePassword', ['userName' => ':userName']) }}".replace(':userName', userName);
var csrfInput = document.createElement('input');
csrfInput.type = 'hidden';
csrfInput.name = '_token';
csrfInput.value = '{{ csrf_token() }}';
form.appendChild(csrfInput);
var passwordInput = document.createElement('input');
passwordInput.type = 'hidden';
passwordInput.name = 'password';
passwordInput.value = enteredPassword;
form.appendChild(passwordInput);
document.body.appendChild(form);
form.submit();

wenn auf den pay-button gedrückt wird, erscheint ein passwortfeld indem ein benutzerdefiniertes Passwort eingegeben werden soll. Diese Passwörter sind in einer Tabelle gespeichert. überprüft wird in diesen zwei methoden doch debuggen funktioniert irgendwie nicht und die variablen sind normalerweise richtig befüllt.? Weiß vllt irgendwer eine Lösung????? Danke im Vorraus.

Solle man Phython in den Schulunterricht einbinden

Phython ist ja sehr vielseitig

Mikrocontroller (Raspberry Pi Pico) genauso wie Webserver oder Websites oder Grafikbereich

Gibt ja kaum etwas was man nicht mit Phython manchen kann.

Es ist eine einfach zu lernende Programiersprache

Wäre doch sinnvoll schon in der Schule den Grundstein zu legen

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…

Guten Tag,

ich würde gerne von der Website: "https://www.choicelab.de/schools" alle Daten in einer Tabelle darstellen (Schule, Adresse, Telefonnummer, usw.).

Die Schulen werden jedoch erst angezeigt, wenn man explizite Angaben macht. Das wäre sehr viel Arbeit, das alles selbst herauszuschreiben.

Gibt es eine Möglichkeit, die Datenbank von der Website zu extrahieren? Kennt sich jemand vielleicht mit so etwas aus?

Ich hab mich mal gefragt ob es möglich wäre ein Skript zu schreiben mit dem man auf irgendwelchen Webseiten alle Pw Möglichkeiten ausprobiert wenn man z.b. die email hat.
Wenn ja könnte ich das auf meiner eigenen Webseite auch ausprobieren?

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!

Hey Leute,

ich bin relativ neu in NextJS (nutze den AppRouter) und habe aktuell folgendes Problem:

Überblick:
Ich habe ein Server Component, welches eine Liste von Items darstellen soll, diese Items weden mit axios von einem externen Backend geladen.
Zudem habe ich noch ein Formular (auf einer anderen Seite), mit welchem ich neue Items hinzufügen kann.

Problem:
Wenn ich ein neues Item hinzufügen (egal ob über das Formular oder direkt in der Datenbank) und dann auf die Seite mit der Liste navigiere (oder umgeleitet werde), sehe ich die neuen Items nicht.
Ich muss zuerst einen vollständigen Reload über den Browser durchführen, damit die neuen Daten aus dem Backend geladen werden.

Meine Frage:
Bin ich zu doof das Server Component korrekt zu benutzen oder ist es einfach falsch, für ein solches Szenario Server Components zu nutzen und ich sollte einfach Client Components nutzen.

Relevanter Code:

const client = axios.create({
  baseURL: "http://localhost:9999"
})

async function getItems(): Promise<Item[]> {
  return client.get("/items")
    .then(response => response.data.items)
    .catch(error => {
      console.log(error);
    });
}

const ItemsList: FC = async () => {
  const items = await getItems();

  return (
    <>
      // rendering list
    </>
  );
};

export default ItemsList;

Mfg Jannick (L1nd)

Wüdet ihr wenn ihr Programmierer werden wollt eher eine Fachchule machen oder eine Lehre?

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.

Zur Aufgabe: Man soll drei Komponenten haben: Header, Main und Footer. Diese drei Komponenten müssen dann in die MainView und die MainView in die App.

Wenn ich die Webseite lade, ist zwar alles gut soweit, aber wenn ich über die Navigation auf Kontaktseite z.B. klicke, werden weder Footer noch Header angezeigt. Kann mir jemand bitte helfen?

import React from 'react';
import { Link } from 'react-router-dom';
import '../App.css';

const Header = () => (
  <header>
    <div id="logo">
      <Link to="/startseite">
        <img src="/img/Chicolio_Logo_trs_thumbnail.png" alt="Logo" />
      </Link>
    </div>
    <h1>Startseite</h1>
    <nav>
      <Link id="homepage" to="/startseite">Startseite</Link>
      <span>|</span> {/* Vertikaler Strich als visuelle Trennung */}
      <Link id="contactpage" to="/kontakt">Kontakt</Link>
      <span>|</span>
      <Link id="impressum" to="/impressum">Impressum</Link>
      <Link id="shoppingcart" to="/warenkorb">Warenkorb</Link>
    </nav>
  </header>
);

export default Header;

import React from 'react';
import '../App.css';

const Footer = () => (
  <footer className= "footer">
    <div>
      <p>&copy; Unsere Namen - 2024</p>
    </div>
  </footer>
);

export default Footer;

import React from 'react';
import Startseite from './Startseite';

const Main = () => {
  return (
    <div>
      <Startseite />
    </div>
  );
};

export default Main;

import React from 'react';
import Header from './Components/Header';
import Footer from './Components/Footer';
import Main from './Components/Main';
import './App.css';

const MainView = () => {
  return (
    <div>
      <Header />
      <Main />
      <Footer />
    </div>
  );
};

export default MainView;

import React from 'react';
import { BrowserRouter as Router, Route, Routes, Link } from 'react-router-dom';
import MainView from './MainView';
import Warenkorb from './Components/Warenkorb';
import Impressum from './Components/Impressum';
import Produkt from './Components/Produkt';
import Startseite from './Components/Startseite';
import Kontakt from './Components/Kontakt';
import './App.css';

// Wurzel-Appkomponente
function App() {
  return (
    <Router>
      <Routes>
        <Route path="/" element={<MainView />} />
        <Route path="/warenkorb" element={<Warenkorb />} />
        <Route path="/impressum" element={<Impressum />} />
        <Route path="/produkt/:id" element={<Produkt />} />
        <Route path="/startseite" element={<Startseite />} />
        <Route path="/kontakt" element={<Kontakt />} />
      </Routes>
    </Router>
  );
}

export default App;

Das ist, wenn man nach dem Browsen in der Navigation auf Startseite klickt.

Und das wird direkt beim Öffnen angezeigt:

Ab wann kann ich sagen das ich ein guter Programmierer bin?

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 könnte eine Forms aussehen, mit welcher ich in eine Datenbank inserten kann?

Hallo ich habe einen Kumpel der sich nicht mit Html uns co. auskennt und sucht eine Software zu downloaden mit der man Webseiten per klicken und ziehen von Kästchen erstellen kann. Also ungefähr so aufgebaut wie diese interne Baukästen wie Wix oder Jimdoo oder wo man so ein PowerPoint Mindmap ähnliches Umfeld hat nur halt zum runterladen als exe oder Software.

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

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.

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

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

Leider gelingt es mir nicht einen Ordner mit Passwortschutz im Internet zu öffnen.

Wo liegt hier der Fehler

.htaccess:

AuthName "sigge"
AuthType Basic
AuthUserFile meineSeite.de/cgi-bin/.htpasswd
require valid-user

.htaccess liegt im Ordner sigge

.htpasswd liegt übergeordneten im Ordner cgi-bin

Nutzer:Generatorerzeugtes Passwort

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?

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.

Ziel soll es sein, eine kleine Anwendung zu erstellen, das ein Problem vieler Pc Nutzer behebt. Dazu muss die Anwendung über vorzugsweise schöne Schieberegler, Eingabefelder usw. verfügen.

Wie würdet ihr hier an die GUI-Programmierung mit Kotlin herangehen?

Ich habe hier ein Bashskript, welches Dateien überwacht (noch nicht vollständig und absolut unoptimiert). Ich weiß, dass es Tools gibt, aber es ist ein Projekt für die Uni und deshalb ist Optimierung und Effizienz nicht wirklich wichtig. Ich möchte damit die Grundlagen des Shellscriptings einfach etwas lernen.

Das ist bisher das Script:

#!/bin/bash


echo "Das Skript wurde gestartet. Der Typ Ihres Betriebssystem ist "\"$OSTYPE\""."


# If-Abfrage, die das Betriebssystem erkennt und den Pfad zum überwachten Ordner oder Datei festlegt # HIER BITTE DIE PFADE ZUM ZU ÜBERWACHENDEN ORDNER EINTRAGEN   
if [[ "$OSTYPE" == "linux-gnu"* ]]; then
    BASE_DIRECTORY=" " # Übergibt dem überwachten Ordner eine Variable, wenn Betriebssystem = Linux
elif [[ "$OSTYPE" == "darwin"* ]]; then
    BASE_DIRECTORY="/Users/name/Library/CloudStorage/GoogleDrive-email@gmail.com/Meine Ablage/Uni/TestOrdner" # Übergibt dem überwachten Ordner eine Variable, wenn Betriebssystem = MacOs
elif [[ "$OSTYPE" == "win32" || "$OSTYPE" == "msys" || "$OSTYPE" == "cygwin" ]]; then
    BASE_DIRECTORY="/g/Meine Ablage/Uni/TestOrdner" # Übergibt dem überwachten Ordner eine Variable, wenn Betriebssystem = Windows
else    
    echo "Das Betriebssystem ist unbekannt." # Wenn das Betriebssystem unbekannt ist, wird eine Fehlermeldung ausgegeben
    exit 1
fi


DIRECTORY="$BASE_DIRECTORY" # Pfad zum Ordner
FILE="$BASE_DIRECTORY/Datei.txt" # Pfad zur Datei   
FILE2="$BASE_DIRECTORY/Datei2.txt" # Pfad zur Datei2 


cd "$BASE_DIRECTORY" || {
    echo "Wechsel zu $BASE_DIRECTORY fehlgeschlagen!" # Wechselt in den TestOrdner oder gibt eine Fehlermeldung aus
    exit 1;
}



# Funktion, um zu überprüfen, ob Dateien gelöscht wurden
checkIfDeleted() {
    if [ ! -f "$FILE" ]; then 
        echo "Die Datei \"$(basename "$FILE")\" wurde gelöscht, umbenannt oder verschoben."
    elif [ ! -f "$FILE2" ]; then
        echo "Die Datei \"$(basename "$FILE2")\" wurde gelöscht, umbenannt oder verschoben."
    elif [ ! -d "$DIRECTORY" ]; then
        echo "Der Ordner \"$(basename "$DIRECTORY")\" wurde gelöscht, umbenannt oder verschoben."
    fi
}


# Speichert den "ursprünglichen" Hash-Wert der Dateien
ORIGINAL_HASH=$(md5 -q "$FILE")
ORIGINAL_HASH2=$(md5 -q "$FILE2")


checkIfEdited() {
    if [ ! -f "$FILE" ]; then # Wenn $FILE nicht existiert, dann wird das Skript hier beendet
    return
    fi


    if [ ! -f "$FILE2" ]; then # Wenn $FILE2 nicht existiert, dann wird das Skript hier beendet
    return
    fi


    if [ ! -d "$DIRECTORY" ]; then # Wenn $DIRECTORY nicht existiert, dann wird das Skript hier beendet
    return
    fi


    # Berechnet den aktuellen Hash-Wert der Dateien
    CURRENT_HASH=$(md5 -q "$FILE")
    CURRENT_HASH2=$(md5 -q "$FILE2")


    # Hash-Werte werden verglichen
    if [ "$CURRENT_HASH" != "$ORIGINAL_HASH" ]; then
        echo "Die Datei \"$(basename "$FILE")\" wurde bearbeitet."
        # Ursprünglicher Hash-Wert wird für zukünftige Überprüfungen aktualisiert
        ORIGINAL_HASH="$CURRENT_HASH"
    elif [ "$CURRENT_HASH2" != "$ORIGINAL_HASH2" ]; then
        echo "Die Datei \"$(basename "$FILE2")\" wurde bearbeitet."
        # Ursprünglicher Hash-Wert wird für zukünftige Überprüfungen aktualisiert
        ORIGINAL_HASH2="$CURRENT_HASH2"
    fi
}


while true; do # Endlosschleife, die die Funktionen "checkIfDeleted" und "checkIfEdited" alle 10 Sekunden ausführt
    checkIfDeleted
    checkIfEdited
    sleep 10
done

Ja, ich weiß, welche Probleme das Skript mit sich bringt, aber ich habe ein anderes Problem:

Wenn jemand das Skript nutzen möchte, muss er die Pfade seiner Dateien einfügen und sogar neue Variablen definieren.

Man könnte das doch so machen, dass das Skript die Liste des Ordners einliest und dann auf alle Dateien direkt zugreifen muss, ohne dass man sie in das Skript einfügen muss.

Also irgendwie mit dem Befehl "ls". Ich weiß aber nicht, wie ich das implementieren soll.

Kann mir wer helfen bitte?

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?

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?

Hallo,

ich versuche jetzt schon seit Tagen diese Tabelle und es klappt einfach nicht. Ich will das die Spalte mit ,,Bild“ nicht so breit ist, sondern ungefähr so wie das bild selbst

Wenn ich das Bild noch groß reinmache ist es auch gleich groß, dann mache ich das bild aber mit width kleiner und die Spalte bleibt so breit

hat jemand ideen? habe wirklich schon alle chat gpt codes benutzt und nichts klappt ich wäre euch sehr dankbar

bild im anhang

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?

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:

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!