Meinung

[suit]

ist es Ok Tabellen für die Darstellung von Fotos zu verwenden?

jein - das w3c sieht es nicht so eng, wenns darum bildergalerien als in tabellenform dazustellen

ich würde dafür aber eine sortierte oder unsortiere liste verwenden, das hat den vorteil, dass du die einzelnen bilder in den li-elementen nebeneinander floaten lassen kannst und unabhängig von der bilderanzahl keine logik einbauen musst die dir sagen wir alle 4 bilder ein mal </tr><tr> einbaut und bei einer nicht ganzzahlig teilbaren bilderzahl ein paar leere <td>-elemente anfügt

im übrigen, wenn du bei einer tabellengalerie von 4 auf 5 bilder in einer reihe umstellst, musst du dein html ändern bzw die routine, die das html erzeugt - wenn du die listenvariante wählst, reicht meinstens ein einziger wert im css-file

und bei flexibel wachseden seiten, hast du mit der tabelle ohnehin keine chance mehr ohne viel javascript eine ähnliches verhalten zu produzieren

entscheide an den beiden folgenden beispielen einfach selbst, welche variante einfacher umzusetzen ist ;)

2, 3, 4 oder 5 bilder in einer reihe - html ident

<ul class="bilder">  
  <li><img src="foo.png" alt="bar" /></li>  
  <li><img src="foo.png" alt="bar" /></li>  
  <li><img src="foo.png" alt="bar" /></li>  
  <li><img src="foo.png" alt="bar" /></li>  
  <li><img src="foo.png" alt="bar" /></li>  
</ul>

2 bilder

<table class="bilder">  
  <tr>  
    <td><img src="foo.png" alt="bar" /></td>  
    <td><img src="foo.png" alt="bar" /></td>  
  </tr>  
  <tr>  
    <td><img src="foo.png" alt="bar" /></td>  
    <td><img src="foo.png" alt="bar" /></td>  
  </tr>  
  <tr>  
    <td><img src="foo.png" alt="bar" /></td>  
    <td></td>  
  </tr>  
</table>

3 bilder

<table class="bilder">  
  <tr>  
    <td><img src="foo.png" alt="bar" /></td>  
    <td><img src="foo.png" alt="bar" /></td>  
    <td><img src="foo.png" alt="bar" /></td>  
  </tr>  
  <tr>  
    <td><img src="foo.png" alt="bar" /></td>  
    <td><img src="foo.png" alt="bar" /></td>  
    <td></td>  
  </tr>  
</table>

4 bilder

<table class="bilder">  
  <tr>  
    <td><img src="foo.png" alt="bar" /></td>  
    <td><img src="foo.png" alt="bar" /></td>  
    <td><img src="foo.png" alt="bar" /></td>  
    <td><img src="foo.png" alt="bar" /></td>  
  </tr>  
  <tr>  
    <td><img src="foo.png" alt="bar" /></td>  
    <td></td>  
    <td></td>  
    <td></td>  
    <td></td>  
  </tr>  
</table>

5 bilder

<table class="bilder">  
  <tr>  
    <td><img src="foo.png" alt="bar" /></td>  
    <td><img src="foo.png" alt="bar" /></td>  
    <td><img src="foo.png" alt="bar" /></td>  
    <td><img src="foo.png" alt="bar" /></td>  
    <td><img src="foo.png" alt="bar" /></td>  
  </tr>  
</table>