HTML- und CSS-ReviewProgrammierschulung

HTML- und CSS-Review: Layoutfehler und responsive Korrekturen

Lieferung ab 1 TagÜberarbeitungen inklusiveQualitätsprüfung
ZahlungsschutzMehr dazu
  • Überarbeitungen im Rahmen des Pakets sind kostenlos.
  • Reagieren Sie nicht innerhalb von 3 Tagen nach der Lieferung, gilt die Arbeit automatisch als abgenommen.
Bestellen · 32 €

Das Geld wird bei der Zahlung reserviert und erst freigegeben, wenn Sie die Arbeit abnehmen.

HTML- und CSS-Review: Layoutfehler und responsive Korrekturen

Beispielergebnis

Beispiel für das Standard-Paket

Code-Review: Python-Skript zum Bestellimport für einen kleinen Onlineshop

Was der Code macht

  1. Liest orders.csv aus dem Shop-Export.
  2. Sucht für jede Bestellposition den Artikel per SKU in stock.xlsx und zieht die Menge ab.
  3. Schreibt den neuen Bestand zurück und protokolliert Summen in import_log.txt.

Die Struktur ist klar, die Funktionen sind gut benannt. Die meisten Probleme entstehen durch Eingaben, die anders aussehen als erwartet.

Fehler und Schwachstellen

#ZeileSchwereProblem
148HochDieselbe CSV kann doppelt importiert werden; bereits verarbeitete Bestellnummern werden nicht geprüft. Wahrscheinlichste Ursache für negativen Bestand.
272Hochint(row["qty"]) stürzt bei leeren Werten oder „2.0“ aus Erstattungen ab.
395MittelSKU-Suche unterscheidet Groß-/Kleinschreibung: „gt-101“ und „GT-101“ gelten als zwei Artikel.
4130MittelDatei wird ohne encoding="utf-8" geöffnet; Umlaute in Artikelnamen gehen unter Windows kaputt.
5201NiedrigEin nacktes except: verschluckt echte Fehler und macht das Log nutzlos.

Korrigierte Abschnitte

Problem 1: bereits importierte Bestellungen überspringen

processed = load_processed_ids("processed_orders.txt")
for row in reader:
    if row["order_id"] in processed:
        continue
    # ... bestehende Logik ...
    processed.add(row["order_id"])
save_processed_ids("processed_orders.txt", processed)

Warum: Jede Bestellung wird nur einmal verbucht, auch wenn das Skript erneut auf dieselbe Datei läuft.

Problem 2: Menge sicher einlesen

raw = (row.get("qty") or "").strip()
try:
    qty = int(float(raw))
except ValueError:
    log.warning("Bestellung %s: ungültige Menge %r, übersprungen", row["order_id"], raw)
    continue

Warum: Erstattete oder unvollständige Zeilen werden mit klarem Hinweis übersprungen, statt den Import abzubrechen.

Problem 3: SKUs vereinheitlichen

sku = row["sku"].strip().upper()

Dasselbe .strip().upper() beim Aufbau des Lager-Dictionarys anwenden.

Stil und Lesbarkeit

  • process() hat 90 Zeilen; aufteilen in read_orders, apply_to_stock, write_report.
  • Feste Spaltennummern (row[7]) durch Spaltennamen ersetzen.

Bitte testen Sie jede Korrektur an einer Kopie Ihrer Dateien: Wir haben den Code gelesen, aber nicht ausgeführt.

Kundin: Inhaberin eines Teeladens, die ein Python-Skript mit 310 Zeilen geschrieben hat, das Bestellungen aus einem CSV-Export in die Lagertabelle übernimmt Gemeldetes Problem: „Manchmal wird der Bestand negativ, und bei manchen Dateien stürzt das Skript ab.“

Kunde und alle Angaben sind erfunden.

Über diese Leistung

Layoutfehler haben meist wenige Ursachen: eine feste Breite, die auf Smartphones überläuft, ein falsch aufgesetzter Flex- oder Grid-Container, ein z-index, der wegen eines Stacking-Kontexts scheitert, oder Media Queries, die sich gegenseitig aushebeln. Fügen Sie Ihr HTML und CSS mit Screenshots ein, wie es aussieht und wie es aussehen soll, und wir erklären, warum das Layout bricht, und liefern korrigiertes CSS. Außerdem notieren wir schnelle Barrierefreiheits-Gewinne wie Alt-Texte, Formular-Labels und Überschriftenreihenfolge.

Was enthalten ist

  • Das bekommen SieEin schriftliches Review auf der Bestellseite: warum das Layout bricht, korrigierte HTML- und CSS-Fragmente für Desktop und Mobil sowie Hinweise zur Barrierefreiheit. Premium enthält zusätzlich einen Plan, um das Stylesheet in wiederverwendbare Klassen aufzuräumen.
  • Layout-KorrekturenFlexbox, Grid und Overflow
  • Responsive RegelnMedia Queries, die sich nicht widersprechen
  • Stacking und z-indexWarum Elemente hinter anderen verschwinden
  • Semantisches HTMLÜberschriften, Landmarks, Buttons
  • Grundlagen der BarrierefreiheitAlt-Texte, Labels und Kontrast

So funktioniert es

  1. 1
    BriefingSie fügen Code und Screenshots ein
  2. 2
    LesenWir finden die Regeln, die das Layout brechen
  3. 3
    PrüfungSie erhalten korrigiertes CSS und Hinweise

Was wir von Ihnen brauchen

Das HTML und CSS als Text, Screenshots des Problems auf Desktop und Smartphone, die Browser, in denen es auftritt, und wie es aussehen soll.

Wir fragen Sie:

  • Ist es reines CSS oder ein Framework?
  • Bei welchen Bildschirmgrößen und Browsern bricht es?
  • Wie soll der Abschnitt aussehen?
  • Ist die Seite mit einem Baukasten erstellt oder von Hand geschrieben?

Pakete vergleichen

BasisMarkup bis 100 Zeilen14 €StandardMarkup bis 400 Zeilen32 €PremiumBis 1.000 Zeilen mit Stylesheet-Plan62 €
Lieferzeit1 Tag2 Tage3 Tage
Überarbeitungen123
Codezeilenbis 100bis 400bis 1.000
Korrigierte FragmenteJaJaJa
Aufräumplan für das StylesheetNeinNeinJa
BestellenBestellenBestellen

Zahlungsschutz

Sie bezahlen bei der Bestellung, aber das Geld wird nur für abgenommene Arbeit freigegeben.

  • FestpreisDer Paketpreis ändert sich nach der Zahlung nicht mehr.
  • Das Geld wird reserviertBei der Zahlung wird der Betrag nur reserviert. Freigegeben wird er erst, wenn Sie die Arbeit abnehmen.
  • Vor der Lieferung geprüftJedes Ergebnis durchläuft eine Qualitätsprüfung, bevor es Sie erreicht, und Sie sehen es auf der Bestellseite, bevor Sie es abnehmen.
  • Kostenlose ÜberarbeitungenFordern Sie Überarbeitungen im Rahmen Ihres Briefings so oft an, wie das Paket es erlaubt.
  • Abnahme nach 3 TagenWenn Sie die Arbeit innerhalb von 3 Tagen nach der Lieferung weder abnehmen noch eine Überarbeitung anfordern, gilt sie automatisch als abgenommen. Schreiben Sie nach der Lieferung im Bestell-Chat, wartet die Bestellung; sobald wir antworten, können wir die 3 Tage neu starten und teilen das im Chat mit.
  • Neuanfertigung oder volle RückerstattungWenn das Ergebnis nicht Ihrem Briefing entspricht und die Überarbeitungen das nicht behoben haben oder die Arbeit mehr als doppelt so lange dauert wie die Frist, schreiben Sie im Bestell-Chat: Wir erstellen die Arbeit neu oder erstatten die Zahlung vollständig.
So funktioniert es →

Fragen und Antworten

Prüfen Sie es in echten Browsern?

Nein, wir lesen den Code und Ihre Screenshots. Prüfen Sie das korrigierte CSS vor der Veröffentlichung in Ihren Browsern.

Können Sie eine Seite aus Wix oder Tilda korrigieren?

Nur den eigenen Code, den Sie dort einfügen. Das Layout des Baukastens wird in dessen Editor gesteuert, nicht in Code, den Sie senden können.

Ist das ein vollständiges Barrierefreiheits-Audit?

Nein. Wir notieren eindeutige Probleme im gesendeten Code; ein vollständiges Audit erfordert Tests mit Screenreadern auf der Live-Seite.

Bestellen · 32 €· 2 Tage