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.

Ist das dasselbe Unternehmen?

Wie viele Empfänger kann man bei einer Email außerdem eintragen bei Ionos?

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.

Nachdem mir wg-gesucht.de nicht gehört, kann ich dort kein Javascript einbinden. Gibt es externe Lösungen, die das ohne Javascript ermöglichen?

Welche Variante bevorzugt ihr?

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.

An die Leute die sich mit Shopify auskennen ich habe eine Seite gesehen die Text mit Bildreihe bei sich im shop hat : https://glimora.de/products/glimora%C2%AE-5-in-1-hairdryer wenn man nur klein wenig scrollt sieht man 4 Bilder mit je Text wie füge ich diesen Abschnitt in meinen eigenen shop hinzu jetzt nicht die selben bilder sondern eben das Layout wenn man die mobile version betrachtet hat er auch einen Slider ich habe das selbe theme aber bei mir stapeln sich die Bilder untereinander kennt jemand eine lösung dazu wie man die bilder in der Mobilen Optik sowohl als auch Desktop Optik in einer Reihe bekommt ohne das sie übereinander stapeln. bitte schaut euch die mobile version davon auch an dann werdet ihr es besser verstehen

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 ich frage aus reinem Interesse welche Programmiersprachen benutzt werden um zum Beispiel p0rn hub zu programmieren

Ich nutze derzeit Mobirise was top ist, ich würde gerne auf etwas ich sag mal schöneres Moderneres suchen. Am Besten wär wenn es eine Offline exe für PC gibt Zeta Producer ist mir da bissel umstentlicher. Vieleicht hat ja einer von euch Erfahrungen mit anderen Programmen gemacht die er mir emfehlen kann. jiimdo, sarto, wix falls die Antworten komm sind nicht so meins da ich gerne die HTML seiten wiegesagt selber am PC Speichern mag wie Mobirise was ich derzeit nutze :)

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.