Was ist anders zwischen den beiden?

Hast du auch das CSS verglichen? Falls das HTML gleich ist könnte dort die Ursache für die weiße Fläche liegen.

fabianvega

Beitragsersteller

25.02.2025, 14:49

a das ist ja das komische es gibt dort keine Änderungen die etwas verändern ich habe schon alles versucht im, CSS

RichtigFetzig

25.02.2025, 15:04

Hast du schon den Cache geleert und die Seite im Inkognito-Modus getestet? Manchmal bleiben alte CSS-Änderungen im Cache hängen. Versuch mal CTRL + SHIFT + DEL im Browser, um den Cache zu löschen.

fabianvega

Beitragsersteller

25.02.2025, 17:45

Es liegt aber höchstwahrscheinlich am HTML weil dort sowas wie ein unsichtbarer Text angezeigt wird. Du kannst es dir vielleicht mal angucken, über dem Text wo ein Bild sein kann aber nicht muss, ist wenn kein bild dort ist eine Leerstelle das CSS ist das gleich ich habe es. schon mit einem anderen Browser versucht hat nicht geklappt.

RichtigFetzig

25.02.2025, 18:00

Die Hintergrundfarbe, Textfarbe, und Margen der Card-Elemente unterscheiden sich zwischen den beiden Versionen. In der Konsole (F12) kannst du element untersuchen Rechtsklick auf die weiße Fläche - Element untersuchen. Wähle das betroffene Element und schaue im Stile -Tab nach margin und padding. Klicke auf die Werte und ändere sie direkt, um den Effekt zu sehen.

fabianvega

Beitragsersteller

25.02.2025, 21:12

Danke mache ich!

fabianvega

Beitragsersteller

25.02.2025, 21:22

Es war letztendlich was im CSS ich hab den Card-Body nochmal angeschaut dort war der Whitespace: prewrap drin hab den glaub aus versehen rein gemacht. Danke für deine Hilfe!

fabianvega

Beitragsersteller

25.02.2025, 14:43

Wusste nicht das es sowas gibt Danke!

RichtigFetzig

25.02.2025, 15:22

Es gibt verschiedene Texteditoren, die diese Funktion haben. Einen Online-Diff sollte man nur für unwichtige Dateien verwenden, die nicht öffentlich sein sollen. Probier mal Notepad++ mit dem Plugin "Compare" aus. Nach der Installation dieses Plugins kannst du zwei Tabs mit zwei Dateien verschiedener Versionen öffnen und im ersten CTRL + 1 und im zweiten CTRL + C drücken, um den Diff zu sehen.

RichtigFetzig

25.02.2025, 15:28

Ich habe mich vertippt. Es soll sein. "Einen Online-Diff sollte man nur für unwichtige Dateien verwenden, die öffentlich sein können".

Ähnliche Beiträge

Warum kann ich meinen HTML- Code nicht mit meinem Python- Code verbinden?

Hallo,

ich wollte meinen Python- Code mit meinem HTML- Code verbinden, damit, wenn mein Wake- Word "Luna" erkannt wurde, ein div in der Datei index.html seine Farbe ändert. Hier ist der Code:

Python:

from flask import Flask, render_template
from flask_socketio import SocketIO, emit

app = Flask(__name__)
app.config['SECRET_KEY'] = 'luna_secret1984773249523'
socketio = SocketIO(app)


@socketio.on('connect')
def handle_connect():
    emit('message', {'data': 'Connected'})


@socketio.on('start_listening')
def start_listening():
    if detect_wake_word():
        emit('color_change', {'color': 'red'})


@app.route('/')
def index():
    return render_template('output.html')

HTML /CSS:

... #color_div {
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: green;
}    
</style>
</head>
<body>
<div id="color_div"></div>

JavaScript:

... // FLASK
        var socket = io();

        socket.on('connect', function() {
            socket.emit('start_listening');
        });

        socket.on('color_change', function(msg) {
            document.getElementById('color_div').style.backgroundColor = msg.color;
        });
</script>
</body>
</html>
    """
    with open("output.html", "w") as html_file:
        html_file.write(html_content)

    return "output.html"

Wenn ich den Code aber ausführe und "Luna" sage, ändert der Div nicht seine Farbe. Woran liegt das?

Freundliche Grüsse

Wie kriegt man Berufserfahrung mit 15?

Hi. Also ich denke, was das Programmieren angeht, bin ich auf Fortgeschrittenen Niveau. Ich hab:

Einen HTTP-Server in Python programmiert (Nur mit Built-In Libraries, direkt mit Sockets. Und PHP ist auch implementiert, zumindest das meiste).
Meine eigene Wallpaper Engine in C# und Python geschrieben.
Viele Algorithmen auf EntwicklerHeld gemacht
Viele Landing Pages, Chat-Seiten, Foren und Mobile Apps Programmiert (Mobile Apps Backend immer mit PHP oder Python, Frontend mit HTML, CSS und JS)

Ich kenne und hab auch wissen, in den Folgenden Libraries (Python):

BeatifulSoup
Sockets
Threading/Multiprocessing
NumPy
pywin32 (Tiefe Kenntnisse in die WinAPI)
PyWebView
Tkinter
Pythonnet
PyAutoGUI
JSON
PIL
pystray
os/sys

Ich verstehe das HTTP-Protokoll und die REST-API, beide auch relativ gut. Ich hab Basic Wissen in C/C++ (beschäftige mich zurzeit damit aber noch), etwas Fortgeschrittenere Kenntnisse in C# und Fortgeschrittene Kenntnisse in HTML, CSS, JavaScript und Java. Java hab ich vor allem für die SpigotAPI oft verwendet. Auf GitHub hab ich lange nichts mehr hochgeladen, mein Syntax hat sich stark verändert. Aber paar Projekte hab ich dort trotzdem: https://github.com/Fidode07

Ich denke mein Wissen reicht, ob zumindest mal in ein paar Praktikums reinzuschnuppern. Also Geld verdienen, geht anscheinend nicht (Wegen meinem Alter .___.). Aber ich will wenigstens etwas Erfahrung sammeln. Ich weiß aber nicht, wo ich am besten Anfang soll zu suchen. Hat da jemand irgendwelche richtigen Tipps. Also nicht sowas wie "Ja, such dir halt Firmen in deiner Nähe". Das hilft nicht, ich will wissen WIE ich suche.

Am liebsten mach ich btw. Backend mit Python und C#. Danke im Vorraus und lg.

Pinball-Game / JavaScript: Wie kann ich die Kollisionserkennung implementieren?

Hallo zusammen,

ich muss für die Uni ein kleines Single Page 2D-Spiel entwickeln. Die Backend REST-API mit Python, das Frontend mit HTML/CSS, die Logik mit JavaScript. Die Animationen sollen wir selbst entwickeln und nicht z.B. von canvas-Objekten übernehmen.

Ich versuche zurzeit ein Pinball-Spiel (Flipper-Automaten) und habe das Grundgerüst mit CSS gebaut. Nur habe ich mir die Kollisionserkennung deutlich leichter vorgestellt, als sie wahrscheinlich ist.

So sieht das Spielfeld momentan aus:

Die JavaScript-Logik sodass der Ball im Spielfeld bleibt, ist ja recht simpel:

  var ball = document.getElementById('ball');
  var playArea = document.getElementById('play-area');
  var ballRadius = 10;
  var playAreaWidth = playArea.offsetWidth; // 600
  var playAreaHeight = playArea.offsetHeight; // 820
  var ballX = playAreaWidth / 2; // Startposition des Balls in der Mitte des Spielfelds
  var ballY = playAreaHeight / 2; // X = 300, Y = 410
  var ballSpeedX = 3; // Geschwindigkeit des Balls in horizontaler Richtung
  var ballSpeedY = 3; // Geschwindigkeit des Balls in vertikaler Richtung
  
  function updateBallPosition() {
    // Aktualisiere die Position des Balls basierend auf der aktuellen Geschwindigkeit
    ballX += ballSpeedX;
    ballY += ballSpeedY;
  
    if (ballX + ballRadius > playAreaWidth || ballX - ballRadius < 0) {
      ballSpeedX *= -1; // Richtungswechsel in der horizontalen Richtung
    }
  
    if (ballY + ballRadius > playAreaHeight || ballY - ballRadius < 0) {
      ballSpeedY *= -1; // Richtungswechsel in der vertikalen Richtung
    }
  
    // Setze die neue Position des Balls
    ball.style.left = ballX + 'px';
    ball.style.top = ballY + 'px';
  }
  
  // Aktualisiere die Position des Balls alle 16 Millisekunden (ca. 60 Frames pro Sekunde)
  setInterval(updateBallPosition, 16);
}

Aber wie man es implementiert, sodass der Ball von den Hindernissen und Banden richtig abprallt, sodass ein Richtungswechsel entsteht, habe ich noch nicht wirklich verstanden. Hätte da jemand eine Idee oder Erfahrung, wie man hier an die Kollisionserkennung herangehen könnte?

LG und danke im Voraus. :)

Wie in der Software Entwicklung als (noch) Quereinsteiger anfangen?

Ich möchte gerne meine Karriere in Richtung Software-/Webentwicklung lenken und suche euren Rat.

Zu meiner Person:

31 Jahre alt, 6 Jahre Erfahrung im Customer Success Management.
Selbststudium von Frontend (HTML, CSS/SASS, JavaScript/React) und Backend (Node.js, Express/Mongoose, MongoDB) seit 2 Jahren neben meinem Vollzeit Job.
Im Bachelor Software Engineering seit September 2023 (nebenberuflich) eingeschrieben.

Mein Problem aktuell ist, dass ich schwer meine Fähigkeiten einschätzen kann (ob die für eine Junior Stelle reichen?). Auch, dadurch, dass ich alleine an Projekten arbeite, fehlen mir etwas die Struktur und die praktischen "Tipps" von erfahreneren Entwickler.

Was ich schon kann: eine einfache Fullstack MERN App mir CRUD Funktionalität zu entwickeln (hosten / version control mit git usw. kann ich auch).

Trotzdem, bekommen ich auf Bewerbungen für für Junior-Positionen in Deutschland trotz vorhandener Portfolio-Webseite keine Antworten.

Könnt Ihr mir Tipps geben bzw. was mache ich falsch?

Danke für eure Hilfe!

Welche Methode zur Umsetzung einer Website?

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:

Unübersichtlich mit den vielen Plugins usw. - es ist nicht einheitlich und wirkt zugemüllt und umständlich
Der Code ist schwer zu lesen und nachzuvollziehen
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!

Ab wann beginnt Full-Stack Entwicklung im Webbereich und wie sieht es mit dem Gehalt aus?

Hallo liebe Community,

kurze Einleitung:

Ich bin Junior Webentwickler seit zirka 1 Jahr bei einer (relativ) kleinen Firma. Wir arbeiten viel mit Freelancer zusammen.

Ich bin mit HTML / CSS / JS eingestiegen und programmiere hier jetzt hauptsächlich über Wordpress die Websiten und Plugins.

Dazu wird bekannterweise → php genutzt. Daher geht hier Jquery, PHP, JS, MySQL, Git/hub und das Wissen in vielen bewährten Plugins und derer Programmierung für erweitere Funktionen einher.

Daher mache ich Backend und Frontend Entwicklung gleichermaßen. Das kann ich auch schon relativ gut, ich musste hier mir alles selbst beibringen und hab hauptsächlich mit Udemy und unserer tollen AI ChatGPT Hilfe mir alles beigebracht.
Die Codereviews hab ich mir von der AI machen lassen, Fehler aufzeigen, den Code bewerten und Verbesserungsmöglichkeiten zeigen.

So bin ich nun der Meinung, ein relativ solides Wissen angeeignet zu haben.
Jetzt zu meinen Fragen:

Frage 1:
Ab wann dürfte ich mich Full-Stack-Entwickler nennen? Ich hab großen Respekt vor erfahrenen Full-Stack-Entwicklern, weil da eine Menge zugehört. Aber ist es schon Full-Stack, wenn man Frontend und Backend macht?

Frage 2:
Ich arbeite in MV und bekomme noch 2600 € brutto gezahlt. Es ist noch relativ niedrig, weil ich zu Anfang viel gelernt habe, die ersten Monate, um den Anforderungen gerecht zu werden. 2400 € in den ersten 6 Monaten und bis jetzt (12. Monat) 2600.

Was wäre so eine faire Preisspanne? Die Firma gibts bald seit 10 Jahren und wir sind kein Start-up mehr. Auch läuft es gerade gut und ich konnte alle Aufgaben bewältigen, die mir seither gestellt wurden. Wenn ich auch für manche länger gebraucht habe (aber dafür bin ich ja auch ein Junior). Mich würde interessieren, wo es fair wäre? Ich möchte bald in die Gehaltsverhandlung gehen und wäre sehr dankbar über Ratschläge und eure Meinungen.

Liebe Grüße

Python: Wie fange ich bei einer Dataframe wieder vom Index 0 an, nachdem ich Zeilen gelöscht habe?

Hallo. Wenn ich zum Beispiel die Zeile mit den Index 3 lösche, dann haben wir bei der neuen dataframe die Indexe: 0,1,2,4,… (also ohne 3). Wie fange ich jedoch am Ende wieder von null an, so das wir 0,1,2,3,4… usw. Haben?

Lieber Django mit Python oder gleich JS?

Moin Moin,

ich stehe gerade vor meinem ersten kleinerem Programmprojekt. Ich möchte einen Crawler schreiben der auf eine bestimmte Seite zugreift und die ausgelesen informationen als Excel und Online zu Verfügung stellt.
Aktuell wollte ich es in Python machen weil ich dort schon einen Weg kenne wie ich das schreiben kann. Das Frontend wollte ich mit html und css machen. Beim Backend hatte ich die Hoffnung das sowas mit Wordpress möglich wäre.

Nun stellen sich mir verschiedene Fragen. Bitte bedenkt das ich mir das Projekt gesetzt habe um die Sprachen ebenfalls zu lernen, weil ich Projektorientiert einfach viel besser lerne. Also falls ich unlogische dinge frage einfach sagen das macht kein sinn.

Fragen:

sollte ich lieber überlegen den Crawler in JS zu schreiben anstatt in Python? (JS habe ich noch keine Erfahrung mit.)
Kennt jemand einen Guten YT der JS gut erklärt oder auch Udemy Kurs
Kann ich Python über Wordpress einbinden?
Ich denke die Frage geht zu weit, was ist Django? Gerne auch ein guter youtuber :D

Danke für eure Hilfe

Warum funktioniert Flask und Websockets nicht?

Hallo,

ich wollte meinen Python- Code mit meinem HTML- Code verbinden, damit, wenn mein Wake- Word "Luna" erkannt wurde, der Hintergrund der Datei output.html seine Farbe ändert und rot wird. Hier ist der Code:

Python:

from flask import Flask, render_template
from flask_socketio import SocketIO

app = Flask(__name__)
socketio = SocketIO(app)


@app.route('/')
def index():
    return render_template('index.html')


@socketio.on('connect')
def handle_connect():
    print("Client verbunden")


@socketio.on('disconnect')
def handle_disconnect():
    print("Client getrennt")


@socketio.on('change_background')
def change_background(color):
    print("Hintergrundfarbe ändern:", color)
    socketio.emit('background_changed', color)

HTML /CSS:

... body {
  background-color: black;
  margin: 0;
  padding: 0;
  text-align: center;
  overflow-x: hidden;
  overflow-y: hidden;
    -webkit-user-select: none; /* Für WebKit-Browser */
    -moz-user-select: none; /* Für Mozilla-basierte Browser */
    -ms-user-select: none; /* Für Microsoft Edge */
    user-select: none;
}  
</style>
</head>
<body>

JavaScript:

... // FLASK
    var socket = io();

    socket.on('connect', function() {
        console.log('Verbunden mit dem Server');
    });

    socket.on('disconnect', function() {
        console.log('Verbindung zum Server getrennt');
    });

    socket.on('background_changed', function(color) {
        console.log('Hintergrundfarbe geändert:', color);
        document.body.style.backgroundColor = color;
    });
</script>
</body>
</html>
    """
    with open("output.html", "w") as html_file:
        html_file.write(html_content)

    return "output.html"

Wenn ich den Code aber ausführe und "Luna" sage, ändert der Hintergrund nicht seine Farbe. Woran liegt das?

Freundliche Grüsse

Ist HTML eine Programmiersprache? Argumente „Ja/Nein“?

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…

Scraping von Seiten funktioniert nicht?

Ich habe vor längerer Zeit mal begonnen einen Code zu schreiben mit dem ich die Daten von Radiosender extrahiere die keine API haben und bei allen Radiosendern bei der Stelle wo immer steht welcher Song das ist ist der HTML Code an der Stelle immer leer oder mit… Ausgefüllt weiß jemand woran das liegt

HTML und CSS Imagetag Unterschiede?

Warum nutze ich im HTML img Tag "src" und im CSS "url"?

Also die technischen Unterschiede verstehe ich, aber warum kann ich im CSS nicht mit SRC arbeiten, wo meine Bilddatei doch im Webspace liegt?

Programmier blockade?

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.

Fehler bei password verify php?

Ich habe ein Testprogramm geschrieben, in dem man ein Passwort eingibt, dass dann gehasht in einer Datenbank gespeichert wird. Wenn ich mit dem Passwort vergleiche kommt aber nicht true sondern false raus. Das ganze habe ich in WebFTP gemacht.

Als Ausgabe bekomme ich:

123456789 $2y$10$4TMgUO3xGJMCy5iZnd6Be.TBRkIO2Z55GGwgQ5oeToD.ryJZAvvte Richtig In Datenbank übertragen $2y$10$4TMgUO3xGJMCy5iZnd6Be.TBRkIO2Z55GGwgQ5oeToD.ryJZAvvte Falsch Richtig übertragen

Bedeutet das gehashte Passwort wurde richtig gespeichert, aber passwort verify hat beim zweiten mal false zurück gegeben.

Hier ist der php Teil dazu:

<?php
if (isset($_POST["start"])) {
    $password = $_POST["password"];
    $email = $_POST["email"];
    echo $password . " ";
    $passwordHash = password_hash($password, PASSWORD_DEFAULT);
    echo $passwordHash . " ";
    if (password_verify($password, $passwordHash)){
        echo "Richtig ";
    }else{
        echo "Falsch ";
    }
    require_once "data.php"; //Hier wird die Datenbankverbindung gespeichert
    $statement = $pdo->prepare("INSERT INTO tab (email, password) VALUES (?, ?)");
    $statement->execute(array($email, $passwordHash));
    if ($statement){
        echo "In Datenbank übertragen ";
        $sql = "SELECT * FROM tab WHERE email='$email'";
        $user = $pdo->query($sql)->fetch();
        $passwordTest = $user["password"];
        echo $passwordTest . " ";
        if (password_verify($password, $passwordTest)){
            echo "Richtig ";
        }else{
            echo "Falsch ";
            if ($passwordHash == $passwordTest){
                echo "Richtig übertragen ";
            }else{
                echo "Falsch übertragen ";
            }
        }
        die();
    }else{
        die("Es ist etwas schief gelaufen");
    }
}
?>