Tabellenspaltengroesse beschraenken???

[sirbender]

Ich habe eine Tabelle mit einer Row und 4 Spalten.

Jede Spalte enthaelt ein Bild (gleicher Breite - 160px - aber unterschiedlicher Hoehe, bis maximal 160 px) und einen Text darunter.

Nun will ich, dass das Bild nicht in seiner Hoehe veraendert wird aber 160x160 Pixel in Anspruch nehmen soll, damit die Bildunterschrift von allen Spalten auf gleicher Hoehe sind.

Desweiteren soll die Bildunterschrift umgebrochen werden (selbst wenn es nur ein gaaaanz langes Wort ist), wenn diese zu lange ist (jede Spalte soll so breit sein wie ist 160 px breit und soll in keinem Fall breiter werden).

Wie muss ich den Code unten modifizieren um das zu erreichen?

Vielen Dank,
sb

<table>
    <tr valign="top">
    
	    			
			<td class="thumb">
					<a title=Target Practise href="/create?index=43">

						<img class="thumb" src="/thumb?index=43" />
					</a>
				<br/>
				
					<a href="/create?index=43">Target Practise</a>
					<br/><span>by <a rel="nofollow" href="/gallery?username="></a></span>
					<br/><span>1 minute ago</span>
			</td>										
	    			
			<td class="thumb">

					<a title=Venn! href="/create?index=42">
						<img class="thumb" src="/thumb?index=42" />
					</a>
				<br/>
				
					<a href="/create?index=42">Venn!</a>
					<br/><span>by <a rel="nofollow" href="/gallery?username="></a></span>
					<br/><span>1 minute ago</span>

			</td>										
	    			
			<td class="thumb">
					<a title=World! href="/create?index=41">
						<img class="thumb" src="/thumb?index=41" />
					</a>
				<br/>
				
					<a href="/create?index=41">World!</a>
					<br/><span>by <a rel="nofollow" href="/gallery?username="></a></span>

					<br/><span>1 minute ago</span>
			</td>										
	    			
			<td class="thumb">
					<a title=Progress! href="/create?index=40">
						<img class="thumb" src="/thumb?index=40" />
					</a>
				<br/>
				
					<a href="/create?index=40">Progress!</a>

					<br/><span>by <a rel="nofollow" href="/gallery?username="></a></span>
					<br/><span>1 minute ago</span>
			</td>										
	    
	    
	</tr>
</table>

 

[ToM80]

Also IMG-tags kann man bekanntlicherweise WIDTH und HEIGHT als Attribute mitgeben. Allerdigns sehen somit verfälschte Bilder oft unschön aus. Wenn PHP zur Verfügung steht könnte man das Bild neu aufbauen und und der Größe anpassen lassen.
Wenn Wörter länger als 160px sind, werden sie immer länger als 160px sein. Ein automatischen Zeilenumbruch gibt es nicht. Du könntest jedoch das ganze vllt. mit einer serverbasierierenden Sprache wie PHP oder JS abfangen und die nach X-Zeichen das Wort zwangstrennen.