nicht angemeldet
Meine Webseite ist online. Es geht darum, dass wenn man zb. über das Wort Trautes Heim/Cosy Home fährt, sich die Abbildung unten rosa verfärben sollte, die nun aber verschoben erscheint.
Mit Verlaub und entschuldige, dass ich Dir das so vor den Latz knalle, aber Du bist ein Paradebeispiel für (Papier-) Designer, die keinen Schimmer von den Grundlagen des Webdesigns haben.
Deine (übrigens nett anzusehende) Seite besteht ausschließlich aus aufeinanderfolgenden Textzeilen, ein leichteres Spiel könntest Du mit HTML und CSS gar nicht haben. Aber anstatt die Browser einfach ihre Arbeit machen zu lassen, quetscht Du diese Zeilen in ein Tabellenlayout mit festzementierten Maßen, in der Hoffnung, einen Bildschirm so benutzen zu können, wie Du es mit Papier gewohnt bist.
Die Bildschirmausgabe stellt andere Anforderungen als das Papier, sie muss auf unterschiedliche Browser auf unterschiedlichen Monitoren mit unterschiedlichen Sehgewohnheiten reagieren können. Wenn Du Deine bisherige Arbeitsweise fortsetzen möchtest, solltest Du zu PDF greifen. HTML & CSS sind von Grund auf für Dokumente entwickelt worden, die vom Ausgabemedium unabhängig sind; vom Papier kommend bedeutet das Einschränkungen, aber gleichzeitig auch eine ganz neue Palette an Möglichkeiten. Denen solltest Du Dich nicht verschließen.
Gibt es eine Möglichkeit im CSS etwas zu ändern? Bis jetzt habe ich nur Size und Line height bestimmt, alles andere ist auf unchanged, vielleicht gäbe es dort angaben zu machen?
Du hast Dich vollkommen verrannt. Schmeiß Dein Go-Dings weg, nimm einen Texteditor und schreibe erstmal sämtlichen Text, den Du da hast, in ein ordentliches HTML-Grundgerüst: Die sieben Absätze in <p>-Blöcke, Umbrüche mit einem (!) <br>, Überschriften abgestuft in <h1> bis <h6>, Bilder und Textbilder wie gehabt per <img>. http://validator.w3.org sollte Dir trotz bisweilen kryptischer Meldungen bei diesem HTML-Grundlehrgang hilfreiche Dienste leisten.
Das Ergebnis dürfte in der Zeilenzahl vielleicht ein Fünftel Deines derzeitigen Codes umfassen, trotzdem alles enthalten und vor allen Dingen keine Probleme bereiten.
Anschließend fügst Du Deine Basisformatierung ein:
body { color: #000; font-family: "Courier New", Courier, Monaco, monospace; background-color: white; }
(font-size in body, noch dazu mit Pixelangabe, ist bäh.)
Bis hierhin solltest Du schon annähernd das derzeitige Aussehen erreicht haben und nur noch Feinarbeit fehlen. Wie man Bilder beim drüberfahren derselben oder eines anderen Elements austauscht, ist in http://de.selfhtml.org/javascript/beispiele/buttons.htm beschrieben.