Tabelle mit Fotos

[Julia Imp.]

Hallo,
ich habe ein kleines Problem und suche jemande, der mir helfen kann.
Ich habe eine Seite mit Fotos von mir.
Am besten ihr schaut es euch einfach mal an, denn das ist notwendig um das zu erklären.
http://mitglied.lycos.de/boesejulia/november2003.html

Also, bei einer Auflösung von 1024*768 (wie es bei mir auch eingestellt ist) wird die Tabelle in dem Zustand angezeigt, wie ich sie haben möchte. Und zwar ist nach jedem Foto ein kleiner Abstand.
Dazu musste ich jedoch folgendes eingeben:

<div align=center>
<table width=80%>
<tr>
<td>
<br><table cellpadding=2>
<tr valign=top>
<td width=60%>
<center>
<br><img src="http://mitglied.lycos.de/boesejulia/fotos/november2003/juli01.jpg">
<br>
<br><img src="http://mitglied.lycos.de/boesejulia/fotos/november2003/juli03.jpg">
<br>
<br><img src="http://mitglied.lycos.de/boesejulia/fotos/november2003/juli05.jpg">
<br>
<br><img src="http://mitglied.lycos.de/boesejulia/fotos/november2003/juli07.jpg">
<br>
<br><img src="http://mitglied.lycos.de/boesejulia/fotos/november2003/juli09.jpg">
<br>
<br><img src="http://mitglied.lycos.de/boesejulia/fotos/november2003/juli13.jpg">
<br>
<br><img src="http://mitglied.lycos.de/boesejulia/fotos/november2003/juli15.jpg">
<br>
<br><img src="http://mitglied.lycos.de/boesejulia/fotos/november2003/juli17.jpg">
</td>
<td width=60%>
<br><img src="http://mitglied.lycos.de/boesejulia/fotos/november2003/juli02.jpg">
<br><img src="http://mitglied.lycos.de/boesejulia/fotos/november2003/juli04.jpg">
<br><img src="http://mitglied.lycos.de/boesejulia/fotos/november2003/juli06.jpg">
<br><img src="http://mitglied.lycos.de/boesejulia/fotos/november2003/juli08.jpg">
<br><img src="http://mitglied.lycos.de/boesejulia/fotos/november2003/juli10.jpg">
<br><img src="http://mitglied.lycos.de/boesejulia/fotos/november2003/juli12.jpg">
<br><img src="http://mitglied.lycos.de/boesejulia/fotos/november2003/juli14.jpg">
<br><img src="http://mitglied.lycos.de/boesejulia/fotos/november2003/juli16.jpg">
</td></tr>
</table>
<br>
<br>
</div>
</center>

Das heißt bei der zweiten Reihe der Tabelle habe ich nach jedem Foto ein <br> weniger eingesetzt als bei der ersten Reihe. Bei meiner Auflösung fügt der PC da irgendwie automatisch eines ein.. zumindest werden die Fotos in gleicher Höhe angezeigt.
Habe ich nun eine Auflösung von 800*600 wird die Tabelle aber so angezeigt, wie es im Normalfall auch sein müsste. In der ersten Reihe haben die Fotos jeweils einen Abstand, in der zweiten nicht.
Aber warum ist das bei der höheren Auflösung anders? Könnt ihr mir sagen, wie ichd as so hinkriege, dass es beidesmal gleich ist?
Mfg Julia

 

[Gumbo]

Es gibt verschiedene Methoden dies zu lösen, unter anderem CSS Einstellungen direkt an den Bildern, oder jedes Bild in eine eigene Tabellenzelle zu stecken, und den Abstand dieser Zellen zueinander zu ändern.

Ich habe in diesem Fall das Letztere gewählt:

<table cellpadding="0" cellspacing="5" border="0" align="center">
  <tr>
    <td><img src="http://mitglied.lycos.de/boesejulia/fotos/november2003/juli01.jpg"></td>
    <td><img src="http://mitglied.lycos.de/boesejulia/fotos/november2003/juli03.jpg"></td>
  </tr>
  <tr>
    <td><img src="http://mitglied.lycos.de/boesejulia/fotos/november2003/juli05.jpg"></td>
    <td><img src="http://mitglied.lycos.de/boesejulia/fotos/november2003/juli07.jpg"></td>
  </tr>
  <tr>
    <td><img src="http://mitglied.lycos.de/boesejulia/fotos/november2003/juli09.jpg"></td>
    <td><img src="http://mitglied.lycos.de/boesejulia/fotos/november2003/juli13.jpg"></td>
  </tr>
  <tr>
    <td><img src="http://mitglied.lycos.de/boesejulia/fotos/november2003/juli15.jpg"></td>
    <td><img src="http://mitglied.lycos.de/boesejulia/fotos/november2003/juli17.jpg"></td>
  </tr>
  <tr>
    <td><img src="http://mitglied.lycos.de/boesejulia/fotos/november2003/juli02.jpg"></td>
    <td><img src="http://mitglied.lycos.de/boesejulia/fotos/november2003/juli04.jpg"></td>
  </tr>
  <tr>
    <td><img src="http://mitglied.lycos.de/boesejulia/fotos/november2003/juli06.jpg"></td>
    <td><img src="http://mitglied.lycos.de/boesejulia/fotos/november2003/juli08.jpg"></td>
  </tr>
  <tr>
    <td><img src="http://mitglied.lycos.de/boesejulia/fotos/november2003/juli10.jpg"></td>
    <td><img src="http://mitglied.lycos.de/boesejulia/fotos/november2003/juli12.jpg"></td>
  </tr>
  <tr>
    <td><img src="http://mitglied.lycos.de/boesejulia/fotos/november2003/juli14.jpg"></td>
    <td><img src="http://mitglied.lycos.de/boesejulia/fotos/november2003/juli16.jpg"></td>
  </tr>
</table>

PS: Wahrscheinlich ist die Reihenfolge durcheinander.

 

[Julia Imp.]

vieeeeelen Dank für deinen Tipp
Ich werde es gleich mal versuchen..
Die Reihenfolge ist unwichtig..
Mfg Julia