WordPress.org

Ready to get started?Download WordPress

Forums

Huge blank space in my table (3 posts)

  1. Drados101
    Member
    Posted 1 year ago #

    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)

  2. esmi
    Forum Moderator
    Posted 1 year ago #

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

  3. Kevin Ashbridge
    Member
    Posted 1 year ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Topic