Beiträge von Sempervivum

Ich bin kein SEO-Spezialist, aber ich habe da Mal gelesen, dass die Keywords in den Meta-Tags von Google weitgehend ignoriert werden. Macht ja auch Sinn, weil sie der Manipulation Tür und Tor öffnen. Versprich dir also nicht zu viel davon.

Ich habe ihm die Test-URL vorgelegt:

https://www.chariot-gospel-singers.de/test/

und bekomme einige Fehler, u. a. den für die Style-Definition:

Error: Element style not allowed as child of element article in this context. (Suppressing further errors from this subtree.)

From line 40, column 1; to line 40, column 23

↩</aside>↩<style type='text/css'>↩.hell

Hast Du vielleicht die CSS-Datei validieren lassen?

Zitat

Denke ich so falsch, wenn ich behaupte, mein Code ist OK?

Möglicher Weise ja, denn dein Code ist nicht valide: Da ist eine style-Definition mitten im HTML des body. Mir ist es zwar noch nie untergekommen, dass das ein Problem ist, aber in diesem Fall anscheinend doch: Lösche ich diese style-Sektion wird die Tabelle komplett angezeigt.

Also bei mir auf dem Samsung S4 tritt der Fehler offenbar auf: Die Tabelle ist hinter "Name 29" abgeschnitten. Das ist doch das Problem, das Du eingangs beschrieben hast, nicht wahr?

Die Höhe habe ich auch schon fest vergeben.

Was heißt das? Mit einer festen Größe wie 500px? Das könnte deine Probleme erklären.

Aber ohne den kompletten Code zu sehen ist das nur Rätselraten. Kannst Du diesen nicht posten mit Dummy-Texten statt der vertraulichen?

PS: Wo bekommst Du denn diese Daten her?

{"message":"Krombacher Pils 0,33l"}
{"message":"Krombacher Pils 0,5l"}
{"message":"Keinen Artikel gefunden"}

Das ist auf keinen Fall valides JSON. Die Objekte müssen in ein Array gepackt werden, damit es valide wird und geparst werden kann:

[
    {"message":"Krombacher Pils 0,33l"},
    {"message":"Krombacher Pils 0,5l"},
    {"message":"Keinen Artikel gefunden"}
]

Ajax works asynchronously, i. e. the request is sent to the server and it takes a short time until the response is received. At that time initialisation for drag&drop (by calling draggable() and droppable())is already done and doesn't come into effect for the boxes being created by the ajax response.

Place the initialisation inside the ajax callback and it should work.

Hier steht wie's geht:

https://datatables.net/forums/discuss…with-new-values

Bin mir nicht sicher, ob ich vollständig durch das System deiner Schleifen und Indizes durchgestiegen bin, aber ich denke, das Problem besteht darin, dass Du den Tabellenkopf innerhalb deiner Schleife generierst:

if (empty($produktId)) {
    if(!empty($warenkorb)){
      for(; $i < $k; $i++) {
        if ($warenkorb[$i] <= 0){
          continue;
        }
    ?>
      <!-- Hier befindest Du dich noch innerhalb der Schleife -->
      <h2>Ihr Warenkorb:</h2>
      <table class="table ">
        <thead>
          <tr>
            <th scope="col">Produkt ID</th>
            <th scope="col">Name</th>
            <th scope="col">Preis pro Stk</th>
            <th scope="col">Menge</th>
            <th scope="col">Preis</th>
            <th scope="col"></th>
          </tr>
        </thead>
        <tbody>

Wenn Du das Ganze vor die Schleife ziehst, sollte das Problem behoben sein.

Ja, genau so. Habe ich in den Developertools getestet und funktioniert.

Das Ändern der Größe mit width und height funktioniert im FF leider nicht so wie gewünscht:

html-seminar.de/woltlab/attachment/2145/

Besser erst testen bevor man postet

Es handelt sich hier nicht um ein Bild und das Problem ist weniger Unschärfe sondern eine unsaubere Darstellung des Rahmen, jedenfalls bei mir im Opera:

html-seminar.de/woltlab/attachment/2142/

Ebenso die Überdeckung der umliegenden Elemente aber die kann man leicht durch ein margin verhindern.

Das wird hier besprochen:

https://stackoverflow.com/questions/3069…-size-using-css

Nachteil der Lösungen dort: Es wird herauf skaliert, was zu einer unscharfen Darstellung führen kann.

Willst Du es perfekt haben, dann verwende ein label-Tag, das kannst Du dann nach Belieben gestalten, einschl. der Größe.

Eigentlich liegst Du schon richtig, wenn Du nach "slideshow" oder "imageslider" suchst, nur: Dieser Effekt ist nicht das, was man gemeinhin darunter versteht. Besser ist es nach "javascript compare images" zu suchen. Dann findet man z. B. dieses, wo die Skripts deinem Beispiel schon relativ nahe kommen:

https://www.cssscript.com/tag/image-comparison/

Willkommen im Forum!

Zitat

oder es besser machen könnte

Kein Drama, aber es ist besser, Code in Textform zu posten, denn wenn man die Frage beantworten will ist es häufig angebracht, eine Testdatei anzulegen und dann tut man sich damit leichter. Und dabei Code-Tags benutzen, das </> in der Werkzeugleiste oben.

Zitat

Wenn ich es richtig verstanden habe, muss ich für die Positionierung von divs nebeneinander "nur" den Befehl display: inline nutzen, oder?

Das stimmt im Prinzip, es gibt jedoch (mindestens) einen Fallstrick bei der Sache:

padding und border werden der Breite zugeschlagen. Z. B. wenn Du zwei Container mit der Breite 50% hast, 10px padding und 2px border und der Platz beträgt 1000px, dann ergibt sich für einen Container jeweils ein Breite von 524px, so dass sie nicht mehr nebeneinander in die verfügbare Breite von 1000px nebeneinander passen.

Lösung 1:

Die Breite berechnen, indem padding und border von den 50% subtrahiert werden.

Lösung 2 (besser):

box-sizing: border-box; verwenden, siehe hier:

https://wiki.selfhtml.org/wiki/CSS/Eigenschaften/box-sizing

Lösung 3 (am besten):

Flexlayout verwenden, siehe z. B. hier:

https://css-tricks.com/snippets/css/a-guide-to-flexbox/

Damit hast Du noch viele weitere Möglichkeiten, die Anordnung der Element zu steuern.

Der Hauptgrund für deine Probleme mit dem Layout ist jedoch, dass Du float verwendest. Auch darauf kannst Du verzichten, wenn Du Flex nimmst.

Zitat

allerdings wird Java von keinem Browser mehr unterstützt

Das trifft nur für die Java-Applets zu, aber nicht für standalone-Programme.

Edit: Möglicher Weise missverständlich: Standalone-Programme haben natürlich mit dem Browser nichts zu tun.

Generell musst Du dich entscheiden, ob dein Spiel im Browser laufen soll, dann Javascript und Canvas, sowie PHP für die Organisation, Highscore speichern etc.

Oder Du programmierst es in Java, dann hat es mit dem Web und dem Browser nichts zu tun und läuft allein lokal.

Zitat

Da der Browser das Bild darstellt, verfügt er über diese Informationen und es ist mir nicht ganz klar, weshalb ich sie dann nicht auslesen kann bzw. wie ich vorgehen muss, um sie auszulesen.

Das wäre eigentlich auch kein Problem, aber die Browser blockieren das unter bestimmten Umständen aus Sicherheitsgründen, siehe "tainted canvas":

https://developer.mozilla.org/en-US/docs/Web…S_enabled_image

animation-fill-mode dürfte dir da weiter helfen:

https://wiki.selfhtml.org/wiki/CSS/Eigen…ation-fill-mode