Uit DeVliegendeWiki

Centreren

Voorbeeld: Horizontaal centreren per cel

<table cellspacing="1" cellpadding="1" border="0" align="center" width="500px">
    <tbody>
        <tr>
            <td align="center">
            	<font face="serif"><em><b>Gezin</b></em></font>
            </td>
            <td align="center">
            	<font face="serif"><em><b>School</b></em></font>
	    </td>
            <td align="center">
                <font face="serif"><em><b>Wonen</b></em></font>
            </td>
            <td align="center">
                <font face="serif"><em><b>Werk</b></em></font>
            </td>
        </tr>
        <tr>
            <td> <img width="155" height="116" src="http://www.pcdevree.nl/httpdocs/sites/default/files/Waterpomp_0.jpg" alt="" /></td>
            <td> <img width="155" height="116" src="http://www.pcdevree.nl/httpdocs/sites/default/files/Waterpomp_0.jpg" alt="" /></td>
            <td> <img width="155" height="116" src="http://www.pcdevree.nl/httpdocs/sites/default/files/Waterpomp_0.jpg" alt="" /></td>
            <td> <img width="155" height="116" src="http://www.pcdevree.nl/httpdocs/sites/default/files/Waterpomp_0.jpg" alt="" /></td>
        </tr>
    </tbody>
</table>

Drupal

Bovenstaand voorbeeld lijkt in Drupal niet te werken, omdat er een css-definitie is die dat overruled. In maart 2011 kon ik dat probleem oplossen door het statement tav. centreren in style.css uit te commentariseren rond regel 819:

.art-article th, .art-article td

{

	padding: 2px;

	border: solid 0px #FFFC2E;

	vertical-align: top;

	/* 
		Regel hieronder uitgezet, omdat dat 
 		andere instellingen onverrulede op een
		onhandige manier.
		Uitzetten lijkt geen probleem te
		veroorzaken

		text-align:left; 
	*/