Indeling afveeldingen

[Erwindev]

Hallo,

Ik wil graag de afbeeldingen anders plaatsen en heb het al wat geprobeerd maar kom er niet uit



En zo wil ik het graag hebben :



Heb het al geprobeerd met een <br> maar dat wil hij helaas niet doen..

																	<table width="100%" cellpadding="4" cellspacing="0">
																		<tr>
																			
																			<td valign="top" width="159" height="200">
																			
																				<table width="100%" cellpadding="0" cellspacing="0" height="44" bgcolor="#FFFFFF">
																					<tr>
																						<td align="center" style="padding-top: 20px;" height="60" valign="top" style=" background-repeat: no-repeat">
																							<a href="?cat=producten&sub=Wifo&taal=<?=$taal;?>" class="producten_kop">&nbsp;<?=$producten_wifo_n;?>&nbsp;</a>
																						</td>	
                                                                                        
																				      </tr>
																					<tr>
																						<td align="center"  bgcolor="#FFFFFF" style="padding-top: 14px;border-top: 5px solid #BBCC00; border-left: 5px solid #BBCC00;border-right: 5px solid #BBCC00;">
																							<a href="?cat=producten&sub=Wifo&taal=<?=$taal;?>"><img src="images/producten/groot/Wifo_n.png" style="display:block;" border="0"></a>
																						</td>	
																					</tr>
																					<tr>
																						<td align="center"  bgcolor="#FFFFFF" style="padding-top: 5px; border-left: 5px solid #BBCC00;border-right: 5px solid #BBCC00;border-bottom: 5px solid #BBCC00;">
																							<a href="?cat=producten&sub=Wifo&taal=<?=$taal;?>"><img src="images/producten/foto/Wifo.jpg" style="display:block;" border="0"></a>
																						</td>	
																					</tr>
																				</table>
																				
																			</td>
																			
																			<td valign="top" width="159">
																				
																				<table width="100%" cellpadding="0" cellspacing="0" height="44" bgcolor="#FFFFFF">
																					<tr>
																						<td align="center" style="padding-top: 20px;" height="60" valign="top" background="images/producten/groen_streep.png" style=" background-repeat: no-repeat">
																							<a href="?cat=producten&sub=Dewulf&taal=<?=$taal;?>" class="producten_kop">&nbsp;<?=$producten_dewulf;?>&nbsp;</a>
																						</td>	
																					</tr>
																					<tr>
																						<td align="center"  bgcolor="#FFFFFF" style="padding-top: 14px; border-left: 5px solid #BBCC00;border-right: 5px solid #BBCC00;">
																							<a href="?cat=producten&sub=Dewulf&taal=<?=$taal;?>"><img src="images/producten/groot/dewulf_k.png" style="display:block;" border="0"></a>
																						</td>	
																					</tr>
																					<tr>
																						<td align="center"  bgcolor="#FFFFFF" style="padding-top: 5px; border-left: 5px solid #BBCC00;border-right: 5px solid #BBCC00;border-bottom: 5px solid #BBCC00;">
																							<a href="?cat=producten&sub=Dewulf&taal=<?=$taal;?>"><img src="images/producten/foto/dewulf.jpg" style="display:block;" border="0"></a>
																						</td>	
																					</tr>
																				</table>
																				
																			</td>
																			<td valign="top" width="159">
																			
																				<table width="100%" cellpadding="0" cellspacing="0" height="44" bgcolor="#007416">
																					<tr>
																						<td align="center" style="padding-top: 20px;" height="60" valign="top" background="images/producten/groen_streep.png" style=" background-repeat: no-repeat">
																							<a href="?cat=producten&sub=Baselier&taal=<?=$taal;?>" class="producten_kop">&nbsp;<?=$producten_baselier;?>&nbsp;</a>
																						</td>	
																					</tr>
																					<tr>
																						<td align="center"  bgcolor="#FFFFFF" style="padding-top: 14px; border-left: 5px solid #BBCC00;border-right: 5px solid #BBCC00;">
																							<a href="?cat=producten&sub=Baselier&taal=<?=$taal;?>"><img src="images/producten/groot/baselier_k.png" style="display:block;" border="0"></a>
																						</td>	
																					</tr>
																					<tr>
																						<td align="center"  bgcolor="#FFFFFF" style="padding-top: 5px; border-left: 5px solid #BBCC00;border-right: 5px solid #007415;border-bottom: 5px solid #BBCC00;">
																							<a href="?cat=producten&sub=Baselier&taal=<?=$taal;?>"><img src="images/producten/foto/baselier.jpg" style="display:block;" border="0"></a>
																						</td>	
																					</tr>
																				</table>
																				
																			</td>
                                                                        
																			<td valign="top" width="159">																	
																			
																				<table width="100%" cellpadding="0" cellspacing="0" height="44" bgcolor="#007416">
																					<tr>
																						<td align="center" style="padding-top: 20px;" height="60" valign="top" background="images/producten/groen_streep.png" style=" background-repeat: no-repeat">
																							<a href="?cat=producten&sub=Manter&taal=<?=$taal;?>" class="producten_kop">&nbsp;<?=$producten_manter;?>&nbsp;</a>
																						</td>	
																					</tr> 
																					<tr>
																						<td align="center"  bgcolor="#FFFFFF" style="padding-top: 14px; border-left: 5px solid #BBCC00;border-right: 5px solid #BBCC00;">
																							<a href="?cat=producten&sub=Manter&taal=<?=$taal;?>"><img src="images/producten/groot/manter_k.png" style="display:block;" border="0"></a>
																						</td>	
																					</tr>
																					<tr>
																						<td align="center"  bgcolor="#FFFFFF" style="padding-top: 5px; border-left: 5px solid #BBCC00;border-right: 5px solid #007415;border-bottom: 5px solid #BBCC00;">
																							<a href="?cat=producten&sub=Manter&taal=<?=$taal;?>"><img src="images/producten/foto/manter.jpg" style="display:block;" border="0"></a>
																						</td>	
																					</tr>
																				</table>
																				
																			</td>
																			
																		</tr>
																		<tr>
																			<td valign="top" width="159">
																			
																				<table width="100%" cellpadding="0" cellspacing="0" height="44" bgcolor="#007416">
																					<tr>
																						<td align="center" style="padding-top: 20px;" height="60" valign="top" background="images/producten/groen_streep.png" style=" background-repeat: no-repeat">
																							<a href="?cat=producten&sub=Omnivent&taal=<?=$taal;?>" class="producten_kop">&nbsp;<?=$producten_omnivent;?>&nbsp;</a>
																						</td>	
																					</tr>
																					<tr>
																						<td align="center"  bgcolor="#FFFFFF" style="padding-top: 14px; border-left: 5px solid #BBCC00;border-right: 5px solid #BBCC00;">
																							<a href="?cat=producten&sub=Omnivent&taal=<?=$taal;?>"><img src="images/producten/groot/omnivent_k.png" style="display:block;" border="0"></a>
																						</td>	
																					</tr>
																					<tr>
																						<td align="center"  bgcolor="#FFFFFF" style="padding-top: 5px; border-left: 5px solid #BBCC00;border-right: 5px solid #BBCC00;border-bottom: 5px solid #BBCC00;">
																							<a href="?cat=producten&sub=Omnivent&taal=<?=$taal;?>"><img src="images/producten/foto/omnivent.jpg" style="display:block;" border="0"></a>
																						</td>	
																					</tr>
																				</table>
																				
																			</td>
																			<td valign="top" width="159">
																				
																				<table width="100%" cellpadding="0" cellspacing="0" height="44" bgcolor="#007416">
																					<tr>
																						<td align="center" style="padding-top: 20px;" height="60" valign="top" background="images/producten/groen_streep.png" style=" background-repeat: no-repeat">
																							<a href="?cat=producten&sub=Bijlsma Hercules&taal=<?=$taal;?>" class="producten_kop">&nbsp;<?=$producten_bijlsma;?>&nbsp;</a>
																						</td>	
																					</tr>
																					<tr>
																						<td align="center"  bgcolor="#FFFFFF" style="padding-top: 14px; border-left: 5px solid #BBCC00;border-right: 5px solid #BBCC00;">
																							<a href="?cat=producten&sub=Bijlsma Hercules&taal=<?=$taal;?>"><img src="images/producten/groot/bijlsma_k.png" style="display:block;" border="0"></a>
																						</td>	
																					</tr>
																					<tr>
																						<td align="center"  bgcolor="#FFFFFF" style="padding-top: 5px; border-left: 5px solid #BBCC00;border-right: 5px solid #BBCC00;border-bottom: 5px solid #BBCC00;">
																							<a href="?cat=producten&sub=Bijlsma Hercules&taal=<?=$taal;?>"><img src="images/producten/foto/bijlsma.jpg" style="display:block;" border="0"></a>
																						</td>	
																					</tr>
																				</table>
																				
																			</td>
																			<td valign="top" width="159">
																			</td>
																		</tr>
																	</table>

 

[Erwindev]

Niemand ?

 

[csshunter]

Ah, daar was die table dus voor!

Maar die tabel kan helemaal gemist worden als je de afbeeldingen gewoon in een <div> of in een <p> achter elkaar zet, al of niet met een <br> ertussen.