Bilder

[meli]

Hi!

Da ich bei der HP ein paar Bilder einbauen sollte, tauchten Probleme auf. Die Bilder befinden sich in einer 2 spaltigen Tabelle. In der erste Spalte steht der Name von der jeweiligen Person und in der 2.ten spalte das Bild. doch bei der auflösung verschiebt sich die tabellenbreite und bleibt nicht fix. was ist da das problem???

[nichtschecker]

Könntest du mal den Quelltext posten?

[Thomas Luethi]

Hallo,

Da ich bei der HP ein paar Bilder einbauen sollte, tauchten Probleme auf. Die Bilder befinden sich in einer 2 spaltigen Tabelle. In der erste Spalte steht der Name von der jeweiligen Person und in der 2.ten spalte das Bild. doch bei der auflösung verschiebt sich die tabellenbreite und bleibt nicht fix. was ist da das problem???

1. Es gibt keinen Grund, drei Fragezeichen zu schreiben.
"Die Drei ?" ist/war eine Reihe von Kinder-Krimis.
Hier reicht eines. ;-)

2. Dein "Problem" hat nicht viel mit den Bildern zu tun.
Es ist bei HTML voellig normal, dass die Browser die
Breite von Tabellenspalten beliebig anpassen, wie sie
es fuer richtig halten, und dass sie dieses Verhalten
je nach Breite des Browserfensters (und nicht etwa
der Bildschirmaufloesung) ein bisschen anpassen.

Du kannst aber mit CSS (oder veraltet mit HTML) dem Browser gewisse
Vorschlaege machen, wie breit eine Spalte sein soll.
Zum Beispiel so:

CSS-Bereich bzw. externes Stylesheet:
td.namen { width:400px; }
td.photo { width:200px; }

HTML:
<table>
  <tr>
    <td class="namen">Franziska Froehlich</td>
    <td class="photo"><img src="..." alt="Photo Franziska Froehlich"></td>
  </tr>
  <!-- u.s.w. -->
</table>

Tips:

* Mach (wenn moeglich) alle Fotos im gleichen Format
  oder wenigstens gleich breit.
  Das macht die Seite viel "ruhiger" und wirkt "sauber".

* Die Breitenangabe fuer die Namens-Spalte kannst Du auch
  weglassen. Dann passt sich diese Spalte an.

* Achte darauf, dass die Tabelle als ganzes
  nicht breiter als ca. 600px wird, sonst schneiden
  viele Browser beim Ausdrucken rechts Dinge ab.

Gruesse,

Thomas

[meli]

das problem hat bei mir leider nicht gelöst! aber danke für die mühe

[Thomas Luethi]

Hallo,

das problem hat bei mir leider nicht gelöst!

Also bei mir funktioniert es in der Regel,
die Breite von Tabellenzellen (und somit
von Spalten) per CSS zu definieren.
Vielleicht ist es halt noch notwendig,
der Tabelle als ganzes eine gewisse Breite
zu geben:

table.personen { width:600px; }
td.namen { width:400px; }
td.photo { width:200px; }

<table class="personen">
  <tr>
    <td class="namen">Franziska Froehlich</td>
    <td class="photo"><img src="..." alt="Photo Franziska Froehlich"></td>
  </tr>
  <!-- u.s.w. -->
</table>

---

Auch wenn ich das jetzt nicht sagen sollte,
schliesslich ist es ja boese, veraltet und
ueberhaupt:
Man kann auch in HTML Breitenangaben machen:

<table width="600">
  <tr>
    <td width="400">Franziska Froehlich</td>
    <td width="200"><img src="..." alt="Photo Franziska Froehlich"></td>
  </tr>
  <!-- u.s.w. -->
</table>

Das ist wie gesagt veraltet, und ich werde jetzt
sicher gleich Haue kriegen, weil ich es Dir verraten
habe, aber frueher oder spaeter haettest Du es ja
vielleicht auch selbst in SelfHTML oder sonstwo
gefunden... ;-)

http://selfhtml.teamone.de/html/tabellen/gestaltung.htm#breiten_hoehen
http://selfhtml.teamone.de/css/eigenschaften/tabellen.htm

*duck* und Gruesse,

Thomas

[meli]

bin zwar auch soweit gekommen, aber funktioniert immer noch nicht! naja! aber danke nochmals :)