Tekst verplaatsen in table

Status
Niet open voor verdere reacties.
E

Erwindev

Gebruiker
Lid geworden
4 apr 2013
Berichten
80
Hallo,

Kan iemand me hier mee helpen ?

voorbeeld.png

Zoals de linker is het en wil de tekst hebben zoals in de rechter, dit is de code :

HTML: 
<table width="100%" cellpadding="4" cellspacing="0">
																		<tr>
																			
																			<td valign="top" width="180" height="200">
																			
																				<table width="100%" cellpadding="0" cellspacing="0" height="44" bgcolor="#FFFFFF">
																					<tr>
																						<td align="center" style="padding-top: 14px;" 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.jpg" 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>
 
HTML: 
<head>
<style type="text/css">
.table-left {
	float: left;
	width: 50%;
}
.table-right {
	float: right;
	width: 50%;
}
</style>
</head>
<body>
<div class="table-left" cellpadding="4" cellspacing="0">
  <tr>
    <td valign="top" width="180" height="200">blablabla</td>
  </tr>
</table></div>
<div class="table-right" cellpadding="0" cellspacing="0" height="44" bgcolor="#FFFFFF">
  <tr>
    <td align="center" style="padding-top: 14px;" 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.jpg" 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></div>
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan