Hallo,

die Bearbeitung meiner Wordpress-Seite wird im "Theme Builder" (Elementor Pro) fehlerhaft angezeigt. Ich bin dabei, Produktseiten via WooCommerce zu gestalten. Jedoch sind die Elemente grau hinterlegt. Ich nutze das Theme "Hello Elementor", auch "Astra" hatte ich bereits aktiviert, jedoch sehe ich jeweils links oben die Meldung:

"Der Stil dieses Widgets wird oft von Ihrem Design und den Plugins beeinflusst. Wenn Sie ein solches Problem feststellen, versuchen Sie, zu einem Standard-Theme zu wechseln und verwandte Plugins zu deaktivieren."

Was kann ich noch tun, damit die Elemente (Produktbild, Produktbeschreibung, etc.) korrekt angezeigt und bearbeitet werden können?

Danke vorab.

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?

Hallo,

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

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

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

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

Hi,

ich habe eine Website, die ich gerne von xampp übertragen möchte.

Dafür habe ich eine neue Adresse angelegt bei WebFTP und einfach den gesamten Ordner rüber kopiert. Dann habe ich eine neue SQL Tabelle angelegt, die genau die gleiche ist wie bei phpmyadmin.

Es gibt eine Home Seite, auf der von php Text eingebunden wird und einen Knopf, der zum login weiterleiten soll. Das passiert mi header().

Jetzt funktioniert header nicht mehr, man kommt also nciht zum Login. Ich habe schon getestet, dass es nicht an der Schleife liegt, denn ein Text wird an dieser Stelle ausgegeben. Auch über die url kann man die Loginseite aufrufen.

Es hat lokal funktioniert und der php Teil wird auch ausgeführt, da die Texte angezeigt werden.

Jetzt ist die Frage, wie ich dieses Problem beheben kann.

Danke

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.

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

Ich will, dass die Buttons so sind;

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

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

Welchen Befehl kann ich dafür verwenden?

Hier habe ich den Befehl verwendet: .body {

margin-left: 28%;

    margin-right: 28%;

}

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

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

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

Danke im Voraus.

Bei uralten Schreibmaschinen konnte man Tabulatoren setzen. Bei Druck auf die Tab-Taste rutschte der Wagen bis dahin vor.

Das ist mir mit HTML oder CSS nicht bekannt, aber ich bin vielleicht nicht auf dem neuesten Stand.

Als CSS-Behelf definiere ich inline-blocks pro Zeile.

Hallöchen liebe Experten und Hobby Coder!

Ich soll für die Schule als Projekt eine Website coden. Ich würde gerne eine Website mit Rezepten, Angaben, Videos, Kommentaren,... machen. Ich habe schon im Internet gesucht, leider finde ich aber nicht wie man eine Suchleiste macht (so wie bei Google) und dass dann wenn man Enter drückt / eine "Suchen" Taste anclickt, alle Ergebnisse die diese Begriffe enthalten aufgelistet werden. Der Lehrer meinte übrigens dass man die Website gerne mit Hilfe des Internets machen darf, ihr könnt mir also ruhig helfen :).

Ich bedanke mich schon mal vorab für eure Hilfe,

Liebe Grüsse, Nicolas

(PS: es wäre mir ganz Recht wenn das ohne JS gehen würde sondern nur mit Hilfe von HTML.. (Keine Ahnung ob das geht))

Hey,

ich verzweifle mittlerweile an meinen eigenen Sinnen und hab schon manches probiert. Das Einbinden von KI (ChatGPT) hat mir dann den Rest gegeben, da alles was davon kam einfach keinen Sinn ergab.

Ich habe zwei Container, also left-colum und right-colum.

Wie man in dem Code sehen kann, wird die Klasse "whatis-titlebox" im ersten Teil korrekt angezeigt. Es wird das Szenario eintreten, dass die linke Spalte leer beiben wird und nur die rechte mit Text gefüllt wird.

Dazu dachte ich mir, kopiere ich den Standardteil und spreche die Kopie dann mit "rightinput" um eben "whatis-titlebox" aus dem 2. Teil, also "rightinput whatis-titlebox" über die rechte colum zu legen, sodass der Text darin linksbündig mit dem Text sichtbar wird. Fehlanzeige, ich habe es nicht geschafft. Vielleicht ist mein Code auch einfach nur falsch geschrieben.

Ich blicke da nicht mehr durch und hoffe, dass ich hier Hilfe erhalte.

HTML:

<div class="leidfadenmain-input">
    <div class="whatis">
        <div class="whatis-titlebox">
            <h2 class="whatis-title-txt">Über</h2>
        </div>
        <div class="container">
            <div class="left-column">
                <!-- Linker Text -->
                <p class="whatis-txt"></p>
                <p class="whatis-txt"></p>
            </div>
            <div class="divider"></div>
            <div class="right-column">
                <!-- Rechter Text bei Bedarf -->
                <p class="whatis-txt"></p>
            </div>
        </div>
    </div>

    <div class="whatis">
        <div class="rightinput whatis-titlebox">
            <h2 class="whatis-title-txt">Über</h2>
        </div>
        <div class="container">
            <div class="left-column">
                <!-- Linker Text -->
            </div>
            <div class="divider"></div>
            <div class="right-column">
                <!-- Rechter Text bei Bedarf -->
                <p class="whatis-txt"></p>
            </div>
        </div>
    </div>
</div>

CSS:

.leidfadenmain-input {
    padding-top: 100px;
    display: flex;
    flex-direction: column;
}

.whatis {
    display: flex;
    flex-direction: column; /* Ändert die Ausrichtung auf vertikal */
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}

.whatis-txt {
    padding-bottom: 15px;
}

.whatis .whatis-titlebox {
    position: relative;
    margin-bottom: 20px;
    top: 0;
}

.rightinput .whatis-titlebox {
    margin-bottom: 20px;
    top: 0;
    left: 50%; /* Zentriert die Überschrift horizontal */
    transform: translateX(-50%); /* Zentriert die Überschrift horizontal */
}

.whatis .whatis-title-txt {
    font-size: 1.5em;
    font-weight: bold;
    margin-bottom: 10px;
}

.whatis .left-column,
.whatis .right-column {
    width: 45%;
}

.whatis .divider {
    width: 1px;
    height: auto;
    background-color: black; /* Ändere die Farbe bei Bedarf */
    margin: 0 10px;
}

.whatis .container {
    display: flex;
    align-items: stretch;
    width: 100%;
}

Einfach erklärt.: ".rightinput .whatis-titlebox" soll, sofern gebraucht, über right-colum platziert werden.

Sofern ihr mir weiterhelfen könntet, wäre ich euch dankbar!

Vielen Dank!

Liebe Grüße

ich mache imminent eine Präsentation zu diesem Thema und habe mittlerweile jedes einzelne davon erklärt, jedoch brauche ich jetzt noch den Zusammenhang zwischen diesen dreien.

Hallo zusammen

Als absoluter Neuling arbeite ich aktuell mit CSS an den Buttons einer Webseite. Nun möchte ich, dass der Button bereits im inaktiven Zustand eine Kontur hat. Wenn ich diese jedoch als «Outline» deklariere, entsteht zwischen dem Inhalt (also der pinken Hintergrundfarbe des Buttons) und der Kontur ein wirklich minimal kleiner, weisser Abstand. Das würde ich jedoch gerne verhindern.

Kennt sich da jemand aus und weiss, wie ich das verhindern kann bzw. was an meinem Code geändert werden muss? Mein Code steht weiter unten, ein Screenshot des Buttons habe ich angehängt.

&.sqs-block-button-element--medium {

   background-color: #CC3366;

   color: white;

   outline: 2px solid #CC3366; 

  }

  &.sqs-block-button-element--medium:hover {

   background-color: white;

   color: #CC3366;

   outline: 2px solid #CC3366;

}

hallo,

ich hocke seit einer std und finde es nicht heraus. Wie kann man diesen Container rechts kürzen, sodass es einen gleichmäßigen Rand für das Bild ergibt?

Danke schonmal.

Hallo ich will dass wenn ich den link im Auswahlmenü öffne dass sich dieses Dokument öffnet aber er zeigt dann nichts an aber öffnet sich woran könnte es liegen?

<select test " name="test" onchange="window.open(this.value,'_self'); return false;">

<option href="index.html">-test</option>

</select>

Mir geht es sehr gegen den Strich, dass viele Anwendungen (wie auch gutefrage.net) die Buttons neuerdings 100% abrunden ... das sieht nicht nur klobig aus (da die runden Buttons breiter sind und so durch die größeren Rundungen Platz verloren geht), sondern wirkt auch unnatürlich: Genauso wie in der Natur nichts 100% eckig ist, ist dort auch wenig 100% abgerundet.
Die Änderung zerstört auch einen bestehenden Konsens über Web-Designsprache, die im Netz bisher eigentlich übereinstimmend verwendet wurde:

Tags waren diesem Konsens nach abgerundete Vierecke. Tags sind oft in Rastern angeordnet, bestehend aus >10 Einheiten; durch die Abrundung werden diese Raster etwas aufgelockert und wirken "luftiger". Hier ist es daher sogar wünschenswert, wenn die verfügbare Fläche nicht 100% genutzt wird.

Buttons hingegen waren nur ca. 20% abgerundet, wodurch sie massiver wirken und in Menüs hervorstehen. Anders als Tags existieren Buttons meistens nur einzeln oder paarweise, weshalb bei ihnen nicht die Aufklockerung des Gesamtgefüges, sondern die Betonung des einzelnen Elements im Vordergrund stehen sollte.

Webseiten wie gutefrage.net weichen diesen Konsens zunehmend auf, YouTube ist sogar soweit gegangen ihn mit der Implementierung von Material UI 3 vollständig umzukehren.

Hallo Zusammen

Für eine Webseite sollte ich unsere Mitglieder (lokale Detailhändler) auflisten können, damit die Besucher der Webseite sehen, wer alles bei uns Mitglied ist und wo diese Shops zu finden sind.

Toll wäre es, wenn die Seitenbesucher auch Suchkriterien eingeben könnten wie z.B. der Name einer Stadt oder einer Kategorie. Und dann nur die entsprechenden Mitglieder angezeigt bekommen. Z.B. " Berlin" oder "Coiffeur", "Bioladen".

Hat jemand von euch schonmal so ein Problem gelöst?
Ich arbeite mit Wix Studio. Da ist ja mittlerweile auch schon einiges an "Programmieren" möglich. Man kann auch eigene Apps erstellen und hochladen.

Ich bin für jeden Tipp, jede Idee und/oder Lösungsansatz froh.

Ich kenne mich etwas mit Programmieren aus, habe es aber schon lange nicht mehr anwenden müssen/dürfen. Bin also, auch wenn das Verständnis da ist, ein ziemlicher Noob.

Vielleicht eine verlinkte SQL Datenbank?

Da es ziemlich viele Mitglieder sind (ca. 500) kann ich die nicht alle von Hand als eigene Elemente auf der Seite platzieren... Ich hatte als Notlösung auch schon eine personalisierte Google Mymaps verwendet, die fanden aber die meisten Kunden zu Umständlich.

Im Anhang ein Bild, was ich mir von der Funktion her etwa vorstelle:

Hallo mein Chat geht komischerweise gar nicht mehr ich kann nur in meiner Konsole die Chats lesen! Bitte um Hilfe :(

Hallo! Ich bin Hobby.Programmierer und ich programmiere seit ungefähr 3 Wochen... es macht mir richtig Spaß allerdings würde es mir noch mehr Spaß machen wenn ich Knöpfe programmieren könnte. Mein Ziel: Ein Knopf der drückbar ist und wenn man ihn drückt eine Text Box erscheint mit einem Text den man selber reinschreiben kann.

Ich würde mich über Hilfe echt freuen.

P.S.: Ich nutze VSCode.. aber ich glaube das ist egal was man nutzt oder?

Ich lerne gerne wie man programmiert, bei Minecraft Plugins (in Java) bekomme ich es auch gut hin, nur bei Webseiten (HTML, CSS, JS und PHP) komme ich schnell in Schwierigkeiten da ich mit dem Code durcheinander komme und es irgendwie viel unübersichtlicher ist als bei den Minecraft Plugins wo ich mehr von der Umgebung unterstützt werde, hätte eventuell jemand einen Tipp für mich?

Ich habe in einem "DIV Container" ein Bild und einen Text und meine Frage ist: Wie kann ich beides separat verschieben?

Also zum Beispiel das Bild soll links sein und der Text rechts.