HTML und CSS verbinden sich nicht?

Bild zum Beitrag

warum ist die farbe nicht steelblue

3 Antworten

regex9

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

HTML, Webseite, CSS

14.03.2023, 16:20

Vorweg: Die meta-Tags aus Zeile 2 und 3 gehören ebenso in den head-Bereich.

Bezüglich deines CSS:

Prüfe nochmals den Pfad. Die style.css-Datei muss in einem Ordner namens css liegen, welcher sich im selben Verzeichnis befindet, wie deine HTML-Datei.
Leere deinen Browsercache und lade die Seite erneut.

Über die Entwicklungstools deines Browsers kannst du zudem mehr Statusinformationen sammeln. Im Netzwerk-Tab oder in der Browserkonsole solltest du beispielsweise einsehen können, ob es Probleme beim Laden der CSS-Datei gab.

Endgoon

Beitragsersteller

14.03.2023, 16:34

ES HAT FUNKTIONIERT! Vielen Dank für deine Hilfe du ersparst mir große Kopfschmerzen!

Endgoon

Beitragsersteller

14.03.2023, 16:30

was ist ein Browsercache?

regex9

14.03.2023, 16:36

@Endgoon

Das ist ein Zwischenspeicher, den dein Browser ab und an nutzt, um Daten zwischenzulagern. So muss für eine Webseite beispielsweise nicht jede Ressource immer wieder neu geladen/angefordert werden.

Mit dem Tastenkürzel Ctrl + F5 kannst du deine Webseite ohne Caching neu laden. Mit Ctrl + Shift + Entf (Chrome und Firefox) kannst du den Browsercache löschen und je nach Browser gibt es auch in den Entwicklungstools eine Option (Bsp. Chrome: Wenn die Entwicklungstools geöffnet sind, kannst du mit Rechtsklick auf den Reload-Button neben der Adresszeile ein Kontextmenü öffnen).

alexthenr14

14.03.2023, 16:23

https://www.w3schools.com/tags/tryit.asp?filename=tryhtml_link_tag

Da wurde nicht type="" verwendet

ich glaube du hast den Pfad falsch angegeben, befindet sich der Ordner von der HTML in den gleichen Ordner wie der css ordner?

regex9

14.03.2023, 16:32

Das type-Attribut ist optional.

Michael20118

14.03.2023, 19:40

Ich kann gerade nicht deine Ordner Struktur sehen weil du im Debug Mode bist.

falls du die html und css Datei in einem Ordner hast währe der Code in zeile 6 so korrekt. Und falls das das Problem nicht behebt dann schick ein Bild mit der Webseite oder beschreibe das Problem näher

Ä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

...zum Beitrag

App mit Html, Css und C#?

Wie kann ich mit Html, Css und C# eine Desktop App programmieren? Abgesehen von Blazor WASM App

...zum Beitrag

Schnell Geld mit Html und Css?

Hallo ich habe gute Html und css kenntnisse ich muss schnell an geld kommen was würdet ihr mir empfehlen ich rede nicht von tausenden euros sondern ein bisschen

...zum Beitrag

Wann bin ich fertig mit HTML und CSS?

Hallo,

Ich lerne schon seit einiger Zeit HTML und CSS, und habe schon einige etwas größere websiten erstellt (also die grafische Oberfläche). Ich wollte auch bald mit Javascript anfangen, aber man sollte ja erst mit einer anderen Sprache anfangen, wenn mann die erste gut kann, aber ich weiß nicht wann ich bereit bin.

Meine Frage: Was muss ich alles in HTML und CSS können, um mit Javascript anzufangen?

Danke:)

...zum Beitrag

Was kommt nach HTML > CSS >?

1.Html

2.Css

Wie sollte man weiter machen?

...zum Beitrag

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?

...zum Beitrag

Gute KI um HTML-, CSS- und JS-Code für eine Webseite zu erstellen?

Hallo kennt jemand eine gute KI, um HTML-, CSS- und JavaScript-Code für eine Webseite zu erstellen?

...zum Beitrag

Website vergrößern Html/ Css?

Hallo alle zusammen,

Ich habe eine Website am Laptop mit HTML und CSS programmiert, aber wenn ich das auf dem PC öffnen möchte dann ist das Format kleiner und damit es passt muss ich die Website um 175% vergrößern im browser...

Kann ich das in HTML und CSS irgendwie reinschreiben, dass sich die seite immer automatisch in der größe ist und wenn ja wie?

Danke für eure hilfe

...zum Beitrag

Wie lange um HTML zu lernen?

Und ist CSS genauso leicht?

...zum Beitrag

Search Bar mir HTML, CSS; Java?

Wie kann ich eine Search Bar mit HTML, CSS und Java Code machen? Ich möchte, dass wenn man was eingibt, eine neue Seite geöffnet wird und auf dieser dann die Suchergebnisse angezeigt werden.

...zum Beitrag

Mehrere Html seiten mit einer css Datei?

Kann man mit mehreren Html Dateien auf eine Css datei zugreifen um nicht alles von neu zu kopieren usw. Wenn man für alles eigene classes bzw. ids verwendet zB

...zum Beitrag

Bild wird nicht im Browser angezeigt?

Hallo,

ich bin gerade dabei eine Website zu schreiben mit HTML und CSS und gerade scheitere ich daran mein Logo richtig zu verlinken. Ich hab es genauso wie bei meiner anderen Website gemacht wo es funktioniert aber hier nicht. Weiß jemand vllt weiter? Dankeschön schonmal. :)

HTML:

CSS:

ORNDER:

Mein HTML und CSS Code befindet sich im TEST 2 Ordner also so eigentlich:

TEST 2/BILDER/LOGO.eps

So sieht es bis jetzt aus:

...zum Beitrag

Hintergrund HTML, CSS Bild?

Hallo zusammen,

ich will das auf meiner Webseite auf der rechten hälfte das Bild ist und auf der linken Seite eine Farbe z.B. Grau, wie kann ich's machen dass sich das rechte bild sich dann zur mitte in die Hintergrundfarbe verläuft?

Danke!

...zum Beitrag

style Datei im Header CSS?

Ist der style tag im Header der Html Datei eine Verlinkung zu der CSS Datei?

...zum Beitrag

Was möchtest Du wissen?

Deine Frage stellen