WordPress.org

Support

Support » How-To and Troubleshooting » Huge blank space in my table

Huge blank space in my table

  • Hi, I am trying to make a two column page but there is a huge blank space in my right column.

    There is the page that I am talking about: http://aeebm.com/?page_id=18

    There is the script that I got now:

    <p>
    	&nbsp;
    </p>
    <table border="10" cellpadding="10" cellspacing="10">
    	<tbody>
    		<tr>
    			<td style="width:293px;">
    				<p align="center">
    					<img alt="photo (2).JPG" src="http://aeebm.com/images/samia.jpg" style="width: 200px; height: 200px; " />
    				</p>
    			</td>
    			<td style="width:709px;" valign="top">
    
    				<p>
    					<strong>Samia Abbes</strong><br />
    					<strong>Pr&eacute;sidente</strong>
    				</p>
    				<p>
    					Courriel&nbsp;: presidence@aeebm.com
    				</p>
    				<p>
    					Bonjour ch&egrave;rs coll&egrave;gues, futurs cons&oelig;urs et confr&egrave;res,
    				</p>
    				<p>
    					Je m'appelle Samia Abbes. Je suis fi&egrave;re de vous r&eacute;presenter cette ann&eacute;e. Je vous souhaite la bienvenue et des efforts couronn&eacute;s par le succ&egrave;s. Comptez sur moi, je vais assumer la fonction de pr&eacute;sidence avec int&eacute;grit&eacute; et ouverture. J'ai de l'exp&eacute;rience associative &agrave; l'UdeM et le travail associatif est une vocation pour moi.
    				</p>
    				<p>
    					Mon &eacute;quipe et moi, nous travaillerons ensemble pour rendre votre passage &agrave; l'&eacute;cole m&eacute;morable. Je voudrais vous inviter &agrave; s'entre-aider entre vous pour vaincre le stress et atteindre l'apog&eacute;e du confort psychologique.
    				</p>
    				<p>
    					Il me fera plaisir de vous &eacute;couter entre les cours, dans la salle des &eacute;tudiants ou en lisant vos courriels. Personnellement, je privil&eacute;gie le contact direct, pour un court moment, au tour d'un petit drink, nous pourrons &eacute;changer la richesse des id&eacute;es et prendre un souffle profond en fin de semaine pour se renouveler.
    				</p>
    				<p>
    					Notre premier et ultime but est de r&eacute;ussir, et aussi d'entretenir des relations avec le monde professionnel d&egrave;s maintenant en tissant une toile avec la pratique. Nous ferons, moi et mon &eacute;quipe, notre meilleur pour vous d&eacute;fendre, vous guider et pour embellir l'image de notre association. Cette ann&eacute;e, nous travaillerons encore plus fort, nous serons une promotion hors pair, une promo en feu.
    				</p>
    				<p>
    					Au plaisir de lire la joie de la r&eacute;ussite sur nos visages.
    				</p>
    				<p>
    					Samia.
    				</p>
    			</td>
    		</tr>
    		<tr>
    			<td style="width:293px;">
    				<p>
    					&nbsp;
    				</p>
    				<p align="center">
    					<img src="http://aeebm.com/images/Fatme.jpg" style="width: 216px; height: 162px; " />
    				</p>
    				<p>
    					&nbsp;
    				</p>
    				<p>
    					&nbsp;
    				</p>
    				<p>
    					&nbsp;
    				</p>
    				<p>
    					&nbsp;
    				</p>
    				<p>
    					&nbsp;
    				</p>
    				<p>
    					&nbsp;
    				</p>
    			</td>
    			<td style="width:709px;" valign="top">
    				<p>
    					&nbsp;
    				</p>
    				<p>
    					<strong>Fatm&eacute; Moussa</strong><br />
    					<strong>VP aux stages</strong>
    				</p>
    				<p>
    					Courriel&nbsp;: <a href="http://www.aeebm.com/stage@aeebm.com">stage@aeebm.com</a>
    				</p>
    				<p>
    					Bonjour &agrave; toutes et &agrave; tous,<br />
    					Je m&rsquo;appelle, Fatm&eacute; Moussa. C&rsquo;est ma premi&egrave;re implication au sein d&rsquo;une association &eacute;tudiante et c&rsquo;est avec plaisir que j&rsquo;occuperai le poste de VP aux stages. &Eacute;tant pr&eacute;sentement &agrave; la formation professionnelle du Barreau, je suis en recherche active d&rsquo;un stage, &agrave; mon image. J&rsquo;aimerai contribuer &agrave; l&rsquo;obtention d&rsquo;un stage pour chacun et chacune au Barreau, en leurs offrant l&rsquo;opportunit&eacute; de se b&acirc;tir un r&eacute;seau de contacts, en faisant le premier pas; se pr&eacute;senter au souper-causerie et &agrave; diverses autres activit&eacute;s de l&rsquo;asso. Je vous souhaite une agr&eacute;able ann&eacute;e &agrave; l'&Eacute;cole, beaucoup de succ&egrave;s et de d&eacute;nicher au plus vite un stage qui vous refl&egrave;te!
    				</p>
    				<p>
    					Au plaisir de vous rencontrer,
    				</p>
    				<p>
    					Fatm&eacute; Moussa
    				</p>
    				<p>
    					&nbsp;
    				</p>
    				<p>
    					&nbsp;
    				</p>
    			</td>
    		</tr>
    		<tr>
    			<td style="width:293px;">
    				<p align="center">
    					<img src="http://aeebm.com/images/Dongui.jpg" style="border-width: 0px; border-style: solid; width: 159px; height: 214px; " />
    				</p>
    			</td>
    			<td style="width:709px;" valign="top">
    				<p>
    					&nbsp;
    				</p>
    				<p>
    					<strong>Dongui Ouattara</strong><br />
    					<strong>VP aux affaires socioculturelles</strong>
    				</p>
    				<p>
    					Courriel&nbsp;: sociale@aeebm.com
    				</p>
    				<p>
    					Bonjour ch&egrave;res consoeurs et confr&egrave;res,
    				</p>
    				<p>
    					Je suis Dongui OUATTARA, VP aux affaires socioculturelles pour vous servir au sein de l&rsquo;AEEBM.
    				</p>
    				<p>
    					Nous savons tous, oh&nbsp;! Combien Peut-&ecirc;tre stressant, le d&eacute;sir ou la hantise de la r&eacute;ussite &agrave; l&rsquo;&eacute;cole du barreau. Aussi, voudrais-je apporter ma contribution, pour vous rendre ce passage le plus agr&eacute;able possible.
    				</p>
    				<p>
    					NE RATEZ DONC PAS LES BRUNCH apr&egrave;s l&rsquo;&eacute;valuation not&eacute;e 1 et MEGA PARTY de fin de cycle concoct&eacute;s pour votre plaisir, &agrave; cet effet&nbsp;!!!!!!!!!!!!
    				</p>
    				<p>
    					L&rsquo;AEEBM vous invite &agrave; vous impliquer, &agrave; vous &eacute;clater &agrave; ces occasions uniques de retrouvailles et de rassemblement afin de mieux se conna&icirc;tre.
    				</p>
    				<p>
    					Ces rencontres sont pr&eacute;par&eacute;es sp&eacute;cialement pour vous, par les soins de votre association.
    				</p>
    				<p>
    					Ne boudez pas votre plaisir apr&egrave;s un repos bien m&eacute;rit&eacute;&nbsp;!
    				</p>
    				<p>
    					Venez fraterniser et participer &agrave; l&rsquo;&eacute;dification d&rsquo;une promotion comp&eacute;tente, mais aussi et surtout confraternelle par l&rsquo;interaction positive entre futurs confr&egrave;res.
    				</p>
    				<p>
    					Plein succ&egrave;s &agrave; tous&nbsp;!!!
    				</p>
    				<p>
    					&nbsp;
    				</p>
    			</td>
    		</tr>
    		<tr>
    			<td style="width:293px;">
    				<p align="center">
    					<img src="http://aeebm.com/images/elena.jpg" style="border-width: 0px; border-style: solid; width: 145px; height: 146px; " />
    				</p>
    			</td>
    			<td style="width:709px;" valign="top">
    				<p>
    					<strong>Elena Ianculescu</strong><br />
    					<strong>Secr&eacute;taire-tr&eacute;sori&egrave;re</strong>
    				</p>
    				<p>
    					Courriel : tresoriere@aeebm.com&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    				</p>
    				<p>
    					Bonjour &agrave; toutes et &agrave; tous,
    				</p>
    				<p>
    					Mon nom est Elena Ianculescu. Fi&egrave;rement dipl&ocirc;m&eacute;e de UdM, j&rsquo;ai entam&eacute; ma formation professionnelle &agrave; l&rsquo;automne 2012. C&rsquo;est avec plaisir que j&rsquo;occuperai le poste de secr&eacute;taire-tr&eacute;sori&egrave;re &agrave; l&rsquo;AEEBM cette ann&eacute;e. &Agrave; ce titre, j&rsquo;ai principalement la charge de la gestion des fonds de l&rsquo;Association et la pr&eacute;paration des &eacute;tats financiers. Et comme tous mes coll&egrave;gues de l&rsquo;ex&eacute;cutif, je m&rsquo;engage &agrave; promouvoir vos int&eacute;r&ecirc;ts, &agrave; d&eacute;fendre vos droits et &agrave; r&eacute;pondre &agrave; vos besoins : parce que l&rsquo;AEEBM, c&rsquo;est vous! Je vous souhaite une agr&eacute;able ann&eacute;e &agrave; l'&Eacute;cole et surtout beaucoup de succ&egrave;s.
    				</p>
    				<p>
    					Au plaisir de vous rencontrer,
    				</p>
    				<p>
    					Elena Ianculescu
    				</p>
    				<p>
    					&nbsp;
    				</p>
    			</td>
    		</tr>
    		<tr>
    			<td style="width:293px;">
    				<p align="center">
    					<img alt="Jp Droit.JPG" src="http://aeebm.com/images/jp.jpg" style="border-width: 0px; border-style: solid; width: 161px; height: 197px; " />
    				</p>
    			</td>
    			<td style="width:709px;" valign="top">
    				<p>
    					<strong>Jean-Philippe Blais</strong><br />
    					<strong>VP Communications</strong>
    				</p>
    				<p>
    					Courriel&nbsp;: communication@aeebm.com
    				</p>
    				<p>
    					Bonjour &agrave; tous,
    				</p>
    				<p>
    					C&rsquo;est avec fiert&eacute; que pour une troisi&egrave;me ann&eacute;e cons&eacute;cutive j&rsquo;occuperai le poste des communications dans une association &eacute;tudiante (j&rsquo;ai &eacute;t&eacute; coordonnateur aux communications &agrave; l&rsquo;AEDUQ&Agrave;M pendant 2 ans). Il me fait plaisir de partag&eacute; mon exp&eacute;rience avec vous. N&rsquo;h&eacute;sitez pas &agrave; m&rsquo;aborder dans les corridors je suis quelqu&rsquo;un de tr&egrave;s sociale et je me ferai un plaisir de r&eacute;pondre &agrave; toutes vos questions ou simplement de discuter avec vous!
    				</p>
    				<p>
    					Au plaisir de se croiser,
    				</p>
    				<p>
    					Jean-Philippe Blais
    				</p>
    				<p>
    					&nbsp;
    				</p>
    				<p>
    					&nbsp;
    				</p>
    			</td>
    		</tr>
    	</tbody>
    </table>
    <p>
    	&nbsp;
    </p>

    I would like to have some help to remove the blank space so that the two column would be aligned each other.

    (Sorry for my bad english)

Viewing 2 replies - 1 through 2 (of 2 total)
  • esmi

    @esmi

    Forum Moderator

    Try using Firefox with the Firebug add-on for this kind of CSS work.
    http://getfirebug.com/

    Your default CSS has set your images to “vertical-align: baseline”. You need to set these images to “vertical-align: top”.

    There is also an extra, empty paragraph at the top of Dongui Ouattara description which need to be removed.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Huge blank space in my table’ is closed to new replies.
Skip to toolbar