[liki_25]

Hallo

ich hoffe ihr könnt mir hier weiterhelfen. Ich möchte HTML/CSS lernen, scheitere aber an der "Umsetzung". Es ist aus irgendeinem Grund einfach nciht möglich Bilder und CSS in mein HTML Dokument einzubinden. Ich vermute fast, dass die tolle Ordnerstruktur in Windows n bisschen schuld ist. Ich habe einen Ordner html unter C:/ angelegt und in diesem Ordner direkt ein css-File und einen weiteren "images" Ordner, in dem eine jpg-Datei liegt.

Die Tags im Code:
<link rel ="stylesheet" type="text/css"
href="pws.css"/>
<img src="images/bild.jpg" width="250" height="200" alt="Nicht anzeigbar"/>

Habt ihr eine Idee wie ich das lösen könnte? Vielen Dank für jede Hilfe!

[cloned]

Ein Punkt, wenn du HTML/CSS lernen willst, ist den Umgang mit den Webdeveloper-Tools zu lernen. Das kann eigentlich nicht früh genug anfangen, weil damit lassen sich (wenn man mal den Dreh raus hat) alle Fragen beantworten.
Rechtsklick in die Seite und -> Element untersuchen (heißt je nach Browser etwas anders, aber du findest es) auswählen. Dort hast du dann auch einen Netzwerk-Tab, der zeigt dir an, welche Dateien unter welchem Pfad geladen werden und ob das laden erfolgreich war. Schau mal da rein was dir angezeigt wird
Auch kannst du mit diesem Tool sehr gut CSS lernen, da du deine Änderungen sofort live siehst (sofern das eigentliche Problem mit dem Pfad gelöst wurde)

[seemawn]

Ich hab hier in der FAQ gelesen, dass der firefox sich eignet, um Seiten zu entwickeln. Die dort verlinkte IDE gibt es nicht mehr, aber es gibt für den FF wunderschöne Addons, die sehr detailliert Fehler mit Angabe der Datei und der Codezeile anzeigen. Am Allerbesten solltest du immer im Privat-Modus deine Seite checken, da sonst die Gefahr besteht, dass dein neuer Code nicht nachgeladen wird (browser neigen oft dazu, alten Code aus dem Cache zu nehmen, und der wird im Privatmodus naturgemäß nicht angelegt).

Dann brauchst du nen ordentlichen Editor. Der notepad++ eignet sich ganz gut, da er Syntaxhighlighting für die für die Webentwicklung relevanten Sprachen kennt. Ich verwende den vim und warte bis sourceforge wieder funktioniert und ich mir das script für das css-syntaxhighlighting endlich downloaden kann.

Achja, wenn du in FF F12 drückst, öffnet sich unten ne Konsole, die dir sehr detaillierte Infos liefert, welches angezeigtes Element welchem div oder welchem tag oder was auch immer angehört. Damit findest du auch einiges.

Wow mein erster Post, der keine Frage is

Gruß

Simon