Text inside table isnt aligned properly :S

R

rozza_c

Hopefully you understand this...

Basically, what is happening is, for example, I have text in one of the
cells in a table. I try to align it to the right side of the cell, but
it wouldnt move to the very right.

It stays around the center right area of the cell. If you need an
example for me to show u what I mean, I can send you the html code.

Thanks for any help..

Rory
 
S

Stefan B Rusynko

Post a code snippet or a page URL

--

_____________________________________________
SBR @ ENJOY (-: [ Microsoft MVP - FrontPage ]
"Warning - Using the F1 Key will not break anything!" (-;
To find the best Newsgroup for FrontPage support see:
http://www.frontpagemvps.com/FrontPageNewsGroups/tabid/53/Default.aspx
_____________________________________________


| Hopefully you understand this...
|
| Basically, what is happening is, for example, I have text in one of the
| cells in a table. I try to align it to the right side of the cell, but
| it wouldnt move to the very right.
|
| It stays around the center right area of the cell. If you need an
| example for me to show u what I mean, I can send you the html code.
|
| Thanks for any help..
|
| Rory
|
 
R

Rozza C

Here's The Page's HTML Code

<html xmlns:v="urn:schemas-microsoft-com:vml"
xmlns:eek:="urn:schemas-microsoft-com:eek:ffice:eek:ffice"
xmlns="http://www.w3.org/TR/REC-html40">

<head>
<meta http-equiv="Content-Language" content="en-gb">
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html;
charset=windows-1252">
<title>Stellar Evolution - The Life And Death Of A Star</title>
<script language="JavaScript" fptype="dynamicanimation">
<!--
function dynAnimation() {}
function clickSwapImg() {}
//-->
</script>
<script language="JavaScript1.2" fptype="dynamicanimation"
src="animate.js">
</script>
</head>

<body bgcolor="#000000" background="images/Pleiades.jpg" text="#FFFFFF"
onload="dynAnimation()">

<div align="center">
<center>
<table border="1" cellpadding="0" cellspacing="0"
style="border-collapse: collapse; text-align:left"
bordercolor="#FFFFFF" width="100" height="100">
<tr>
<td width="750" align="center" colspan="2" height="150">
<p align="left">
<img border="0" src="images/collegeproject-stellarevolution1.jpg"
width="750" height="150"></td>
</tr>
<tr>
<td width="67" height="25" align="center">
<a href="index.html" onmouseover="var
img=document['fpAnimswapImgFP1'];img.imgRolln=img.src;img.src=img.lowsrc?img.lowsrc:img.getAttribute?img.getAttribute('lowsrc'):img.src;"
onmouseout="document['fpAnimswapImgFP1'].src=document['fpAnimswapImgFP1'].imgRolln">
<img border="0" src="images/homepagebutton.jpg"
id="fpAnimswapImgFP1" name="fpAnimswapImgFP1"
dynamicanimation="fpAnimswapImgFP1" lowsrc="images/homepagebutton1.jpg"
width="100" height="25"></a></td>
<td width="670" height="305" rowspan="8" align="left"
valign="top" bgcolor="#000000">
<p align="right">&nbsp;</td>
</tr>
<tr>
<td width="67" height="25" align="center">
<img border="0" src="images/introbutton.jpg" width="100"
height="25"></td>
</tr>
<tr>
<td width="67" height="25" align="center">
<a href="birth.html">
<img border="0" src="images/birthbutton.jpg" width="100"
height="25"></a></td>
</tr>
<tr>
<td width="67" height="60" bgcolor="#FFFFFF">
<p style="text-align: right"><font face="Arial" style="font-size:
9pt" color="#000000">
Gas Clouds<br>
Condense<br>
Temperature<br>
Pressure</font></td>
</tr>
<tr>
<td width="67" height="25" align="center">
<img border="0" src="images/lifebutton.jpg" width="100"
height="25"></td>
</tr>
<tr>
<td width="67" align="center" height="25">
<img border="0" src="images/deathbutton.jpg" width="100"
height="25"></td>
</tr>
<tr>
<td width="67" align="center" height="1" valign="top">
<p align="right"></td>
</tr>
<tr>
<td width="67" align="center" height="119">
<p align="left">&nbsp;</td>
</tr>
<tr>
<td width="769" bordercolor="#FFFFFF" bgcolor="#000000"
colspan="2" height="19">
<p dir="ltr" align="center"><font face="Verdana" size="1">©
RJC Productions
2006</font>
</td>
</tr>
</table>
</center>
</div>
<p align="right">&nbsp;</p>
</body>

</html>

Notice the navigation menu on the left hand side. The text there isnt
fully justified towards the right.
 
S

Stefan B Rusynko

Caused by
1) the p tags used for alignment (remove them all)
2) the cell widths set to 67 px when the content (the images above/below) are 100 px wide
(set the left column cell widths to 100 px)

Then make sure your table cells all add up to 750 px

--

_____________________________________________
SBR @ ENJOY (-: [ Microsoft MVP - FrontPage ]
"Warning - Using the F1 Key will not break anything!" (-;
To find the best Newsgroup for FrontPage support see:
http://www.frontpagemvps.com/FrontPageNewsGroups/tabid/53/Default.aspx
_____________________________________________


Here's The Page's HTML Code

<html xmlns:v="urn:schemas-microsoft-com:vml"
xmlns:eek:="urn:schemas-microsoft-com:eek:ffice:eek:ffice"
xmlns="http://www.w3.org/TR/REC-html40">

<head>
<meta http-equiv="Content-Language" content="en-gb">
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html;
charset=windows-1252">
<title>Stellar Evolution - The Life And Death Of A Star</title>
<script language="JavaScript" fptype="dynamicanimation">
<!--
function dynAnimation() {}
function clickSwapImg() {}
//-->
</script>
<script language="JavaScript1.2" fptype="dynamicanimation"
src="animate.js">
</script>
</head>

<body bgcolor="#000000" background="images/Pleiades.jpg" text="#FFFFFF"
onload="dynAnimation()">

<div align="center">
<center>
<table border="1" cellpadding="0" cellspacing="0"
style="border-collapse: collapse; text-align:left"
bordercolor="#FFFFFF" width="100" height="100">
<tr>
<td width="750" align="center" colspan="2" height="150">
<p align="left">
<img border="0" src="images/collegeproject-stellarevolution1.jpg"
width="750" height="150"></td>
</tr>
<tr>
<td width="67" height="25" align="center">
<a href="index.html" onmouseover="var
img=document['fpAnimswapImgFP1'];img.imgRolln=img.src;img.src=img.lowsrc?img.lowsrc:img.getAttribute?img.getAttribute('lowsrc'):img.src;"
onmouseout="document['fpAnimswapImgFP1'].src=document['fpAnimswapImgFP1'].imgRolln">
<img border="0" src="images/homepagebutton.jpg"
id="fpAnimswapImgFP1" name="fpAnimswapImgFP1"
dynamicanimation="fpAnimswapImgFP1" lowsrc="images/homepagebutton1.jpg"
width="100" height="25"></a></td>
<td width="670" height="305" rowspan="8" align="left"
valign="top" bgcolor="#000000">
<p align="right">&nbsp;</td>
</tr>
<tr>
<td width="67" height="25" align="center">
<img border="0" src="images/introbutton.jpg" width="100"
height="25"></td>
</tr>
<tr>
<td width="67" height="25" align="center">
<a href="birth.html">
<img border="0" src="images/birthbutton.jpg" width="100"
height="25"></a></td>
</tr>
<tr>
<td width="67" height="60" bgcolor="#FFFFFF">
<p style="text-align: right"><font face="Arial" style="font-size:
9pt" color="#000000">
Gas Clouds<br>
Condense<br>
Temperature<br>
Pressure</font></td>
</tr>
<tr>
<td width="67" height="25" align="center">
<img border="0" src="images/lifebutton.jpg" width="100"
height="25"></td>
</tr>
<tr>
<td width="67" align="center" height="25">
<img border="0" src="images/deathbutton.jpg" width="100"
height="25"></td>
</tr>
<tr>
<td width="67" align="center" height="1" valign="top">
<p align="right"></td>
</tr>
<tr>
<td width="67" align="center" height="119">
<p align="left">&nbsp;</td>
</tr>
<tr>
<td width="769" bordercolor="#FFFFFF" bgcolor="#000000"
colspan="2" height="19">
<p dir="ltr" align="center"><font face="Verdana" size="1">©
RJC Productions
2006</font>
</td>
</tr>
</table>
</center>
</div>
<p align="right">&nbsp;</p>
</body>

</html>

Notice the navigation menu on the left hand side. The text there isnt
fully justified towards the right.
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Similar Threads

Creating Labels Over 3-Up Image 2
Table Preferred width is changed when pasting 1
Insert Index into a Table 1
Display bug in Word: tables disappearing on copy and paste of text with bullet points into table 2
Label alignment of XY-plot, center is a bit off. Any ideas? 0
Centering tables in Front Page 3
Working on birthday "book" for my wife and having layout/editing trouble 0
Text alignment in table 1

Top