Supportnet Computer
Planet of Tech

Supportnet / Forum / Webseiten/HTML

Bilder verschieben sich innerhalb der Tabelle





Frage

Tag zusammen, ich bastle mit Frontpage eine ganz simple Website (www.sy-dreamtime.ch). Eine Seite enthält eine Tabelle von 800Pixel Breite mit 2 Spalten, unsichtbarer Rand. In der rechten Spalte füge ich Text ein, die linke Spalte habe ich mithilfe von Layoutzellen mit Bilder und Bildunterschriften gefüllt. Die Photos sollten ihre Position im Verhältnis zum Text nicht verändern, sie sollen schliesslich den Text illustrieren. Obwohl ich die Tabelle nur 800 Pixel breit gemacht habe, gibt es Probleme bei der Anzeige der Webseite im IE auf anderen Computern: Auf einem anderen Notebook mit einem 1400x1050 Bildschirm verschieben sich die Photos innerhalb meiner Tabelle; je weiter unten man in der Seite runterscrollt, desto mehr verschieben sich meine Photos nach oben - ich war der Meinung, dass diese Layoutzellen an Ort bleiben ! Wo liegt der Fehler, bin mittlerweilen ziemlich ratlos Caramelle

Antwort 1 von Kalle*

Hi, wo ist dein bisheriger Quwelltext, um zu sehen was du falschgemacht hast?

Antwort 2 von rfb

ich hab mir mal den Quelltext der Ostseetörns angesehen.
Das grundlegende Problem ist, dass FP die Bilder und die zugehörenden Texte überhaupt nicht einander zugeordnet hat. Wenn die Bilder auf der richtigen Höhe sind, dann nur zufällig. Kurz gesagt: Bilder und Texte stehen nicht in derselben Layouttabelle.

Wenn schon Layout-Tabellen, dann müsste das ungefähr so aussehen

...
<table border="0">
<tr><td><img src="bild1.jpg" .... alt="kurze Bildbeschreibung"></td><td>zu Bild 1 gehörender Text</td></tr>
<tr><td><img src="bild2.jpg" .... alt="kurze Bildbeschreibung"></td><td>zu Bild 2 gehörender Text</td></tr>
...
</table>
...


Antwort 3 von Caramelle

Ach Du meine Güte ! Ich habe die Software doch deshalb angeschafft, weil ich selber nicht imstande bin, HTML selber zu schreiben.

Wie kann ich das lösen ? Ich hab mir Deine Antwort in einem kleinen Fenster neben meine Webseite als Code (kann ich als Option anwählen in FP) angesehen, aber ich traue mir nicht zu, den Code von Hand in korrekter Weise zu verändern.

Soll ich - anstelle der Spalte rechts ohne Zellenunterteilung - auch rechts den Text in Portionen in Zellen einfüllen ? Ich könnte ja für jeden Abschnitt des Texts eine Zelle kreieren. Dann mache ich die ganze Arbeit zum dritten Mal...

Caramelle

Antwort 4 von sutadur

Zitat:
... weil ich selber nicht imstande bin, HTML selber zu schreiben.

Das solltest Du ändern, denn so wirst Du immer mal wieder Probleme damit haben, dass die Darstellung innerhalb des Editors anders aussieht als im Webbrowser des Anwenders. Auch wenn es Mühe macht, ist es sicher hilfreich, sich zumindest mit ein paar HTML-Grundlagen vertraut zu machen. Ein guter Einstieg dafür ist das Studium von SelfHTML. Auf lange Sicht wirst Du damit glücklicher und in der Folge auch die Besucher Deiner Webseite.

Das Problem mit der Zuordnung der Bilder zum Text lässt sich auch damit umgehen, die Bilder direkt in den Text zu integrieren und den Text um das jeweilige Bild herumfließen zu lassen (http://de.selfhtml.org/html/grafiken/ausrichten.htm#textumfluss). Zum einen passt das dann Bild zum Text, zum anderen hast Du schon mal eine Tabelle eingespart.

Und auch wenn das nicht konkret die Frage war, schadet es sicher nicht, wenn Du Dich ein wenig mit Usability auseinandersetzt, also auch die Benutzerfreundlichkeit Deiner Seite für den Besucher im Auge hast. Wenn man die Webseite aufruft, muss ich z.B. erst nach unten scrollen, ehe ich die einzelnen Fotoserien anklicken kann. Das ist, sagen wir mal, suboptimal ... :o)

Antwort 5 von rfb

sorry, aber mit FP kenn ich mich nicht aus - keine Ahnung wie kompliziert eine derartig einfache Sache dem Programm abzuringen ist.

Speichere die FP-Version doch einfach unter einem anderen Namen und probier mal die Änderungen von Hand - so kompliziert ist HTML nicht (und schon gar nicht so kompliziert wie die Bedienung von FP ;-)

Antwort 6 von Caramelle

Das Buch "HTML für Dummies" hab ich natürlich, aber ob ich mit dem "Neandertaler Know How" zum Ziel komme ....

Na gut, wahrscheinlich mach ich es halt so, dass ich alles wieder ändere und die Bilder in den Text plaziere. War aber nicht das, was ich vorhatte und eigentlich müsste doch sowas in einem Programm wie Frontpage zu lösen sein.

"gehwiederallesänderngrumpf"

Caramelle

Antwort 7 von sutadur

Zitat:
und eigentlich müsste doch sowas in einem Programm wie Frontpage zu lösen sein.

Na ja, eigentlich geht das sicher auch. Aber eben nicht immer automatisch, sondern auch mit manueller Nacharbeit im Quelltext. Jedes Werkzeug ist nur so gut wie der, der es einsetzt. Aber mit einer Zange lassen sich nun einmal ohne zusätzliche Hilfsmittel nur sehr schwer Schrauben eindrehen ... :o)