3 Bilder in Frame mittig machen..

[Andi Macht]

Hi!

Ich habe mir vorgenommen, meine Page mit Frames zu gestalten.
Sie besteht aus drei Frames, oben (Logo), links (nav) und rechts (main).

Nun möchte ich drei Bilder (Ein Logo und zwei Wappen) im oberen Frame darstellen. In der mitte soll das Logo stehen, und links und rechts davon das Wappen.

Die drei Grafiken befinden sich in einer Tabelle, jeweils in einer eigenen Zelle. Die Tabelle soll dynamisch sich der Größe des Frames anpassen.

Hier der Quelltext:

<table style="table-layout: fixed;">
 <tr>
  <td align="center" height="100%" width="20%"><img style="width: 100%; height: 100%;" src="bilder/wappen.jpg" alt="bla"></td>
  <td align="center" height="100%" width="60%"><img style="width: 100%; height: 100%;" src="bilder/logo.jpg" alt="bla"></td>
  <td align="center" height="100%" width="20%"><img style="width: 100%; height: 100%;" src="bilder/wappen.jpg" alt="bla"></td>
 </tr>
</table>

Ich kann es nicht genau erklären, aber die Tabelle soll in der Höhe und der Breite genau so hoch und breit wie der frame sein. Dementsprechend sollen sich auch die Zellen skalieren (und die Grafiken wieder an die Zellengrößen richten).

doch leider klappt das nciht ganz. Die Breite der Tabelle ist immer genau die breite des Frames (ist auch richtig), jedoch wird sie teilweise größer als die Framehöhe (anscheinend "drücken" die Grafiken die Zellen größer)! Somit werden die bilder auch größer als der Frame angezeigt. Folge: Sie werden nur zur hälfte dargestellt..

Ich bin für jede Hilfe von euch dankbar..

Gruß

Andi

[EKKi]

Mahlzeit Andi Macht,

Ich habe mir vorgenommen, meine Page mit Frames zu gestalten.

1. Fehler: Warum hast Du Dir das vorgenommen? Bist Du Dir der Nachteile, die Du dadurch in Kauf nimmst, bewusst? Hast Du Dich im SELFHTML-Forumsarchiv ausführlich über diese Nachteile informiert?

Die drei Grafiken befinden sich in einer Tabelle, jeweils in einer eigenen Zelle.

2. Fehler: "Tabellen heißen so, weil sie in Zeilen und Spalten aufteilbare Daten darstellen sollen, die zueinander in irgendeiner Relation stehen. Wären sie zum Gestalten erfunden worden, hieße sie Gestelle." Warum gestaltest Du Deine Seiten nicht gleich <http://de.selfhtml.org/css/layouts/einfuehrung.htm@title=mit CSS>?

MfG,
EKKi

[MichiN]

Hi Andi,

Ich habe mir vorgenommen, meine Page mit Frames zu gestalten.

weißt Du, dass das ein ganz schlechter Vorsatz ist?

Die drei Grafiken befinden sich in einer Tabelle

Auch das ist etwas, was Du nicht tun solltest. Tabellen sind dazu da, um _tabellarischen_ Inhalt entsprechend darzustellen, und _nicht-, um Bilder zu positionieren.

<td align="center" height="100%" width="20%"><img style="width: 100%; height: 100%;" src="bilder/wappen.jpg" alt="bla"></td>

Und auch die Vermischung von Inhalt und Style/Formatierung solltest Du bleiben lassen.

Bevor Du also damit beginnst, ein von vorne bis hinten schlechtes Konzept zu "verbessern", würde _ich_ Dir raten, das Ganze in den Mistkübel zu werfen und ganz von vorne zu beginnen.

Lerne, semantisch korrektes html zu verwenden, <http://de.selfhtml.org/css/layouts/einfuehrung.htm@title=trenne Inhalt vom Layout>, verwende keine Frames, etc.

Die Stammposter dieses Forums werden Dir auf diesem Weg sicher gerne dabei helfen.

Mit lieben Grüßen aus Wien

Michi

[Harlequin]

Yerf!

doch leider klappt das nciht ganz. Die Breite der Tabelle ist immer genau die breite des Frames (ist auch richtig), jedoch wird sie teilweise größer als die Framehöhe (anscheinend "drücken" die Grafiken die Zellen größer)! Somit werden die bilder auch größer als der Frame angezeigt. Folge: Sie werden nur zur hälfte dargestellt..

Vermutlich wird die Höhenangabe an den Zellen ignoriert, weil die Bilder proportional vergrößert werden, ausgehend von der Breite. (ohne Onlinebeispiel kann ich aber nur raten)

Allerdings stellen sich mir einige Fragen:

• willst du wirklich Bilder im Browser skalieren (Qualität wird meist recht schlecht) und noch dazu nicht proportional?

• möchtest du wirklich mit Tabellen layouten? SelfHTML bietet einige schöne http://de.selfhtml.org/css/layouts/index.htm@title=CSS-Layouts und eine <http://de.selfhtml.org/css/intro.htm@title=Einführung zu CSS>. Damit wirst du auf Dauer mehr Freude haben.

• Frames sind ebenfalls ein Relikt vergangener Jahrtausende und bergen einige Probleme (im Forumsarchiv zu finden). Wenn es darum geht, das Menü nicht in jeder HTML-Datei neu zu schreiben hilft die FAQ: Quelltexte auslagern. Für feststehende Header und scrollbare Bereiche liefert CSS einige Möglichkeiten.

Gruß,

Harlequin