|
| |
Preview is different than design view...for formatting text in columns
View related threads:
(in this forum
| in all forums)
|
Logged in as: Guest
|
|
|
woohoo
Posts: 9
Joined: 2/16/2005
Status: offline
 |
Preview is different than design view...for formatting ... - 6/3/2005 16:12:36
I have the left hand column as a "quotations" area, that is meant to accompany content in the body.
http://www.opendoorhealingarts.com/heart-workshops-healing.htm
However, the text is different in Preview mode and then even worse when i view in Netscape browswer.
I'm just eyeing it right now, and seriously need help in solving this issue as my page content is getting longer and longer each day. (which makes "eyeballing" is a huge hassle that isn't even reliable in the end.)
Help?
|
|
|
|
Kitka
Posts: 2520
Joined: 1/31/2002
From: Australia
Status: offline
|
RE: Preview is different than design view...for formatt... - 6/3/2005 18:25:01
I agree with jaybee that the page is very long. Could you split it into perhaps 3 symbols per page?
The main problem with your positioning is that you are using line breaks <br> for spacing. Different browsers use different amounts of space for this and it was never intended to be used for positioning.
Your left column has a table within the cell. I'd suggest removing that table and then splitting the left and centre columns into separate rows, one for each set of symbols. That way, the text in the left column will automatically line up with the matching text in the centre column.
This is what you need to be aiming for:
<html>
<body>
<table cellpadding="10" cellspacing="0" width="750" style="text-align:center;">
<tr>
<td width="137" style="background-image: url('images/violet-LH.jpg'); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; font-family: Georgia; font-size: 8pt; color: #9935CB;">
The Light is only as clear as the lens.</td>
<td width="460" style="font-family:Verdana; font-size:9pt; color:#008080">
<p><b>I – The Lens</b><br>
<img src="images/symbol-1.jpg" width="170" height="169"><br>
The circle classically represents Divinity. This workshop is designed to understand the Open
Door Prayer and see how our lives are like a lens for Divine Light. <br>
<br>
<a href="#top">top</a><br>
<a name="duality"></a></p>
<hr color="#009999" size="1"></td>
<td> </td>
</tr>
<tr>
<td width="137" style="font-family: Georgia; font-size: 8pt; color: #9935CB;">In the beginning
someone whispered "I love you," so the seamless became sectioned so we may embrace one another.</td>
<td width="460" style="font-family:Verdana; font-size:9pt; color:#008080">
<p><b>II - Duality</b><br>
<img src="images/symbol-2.jpg" width="171" height="169"><br>
"Duality" is the circle folded or the Divine creation sectioned. This class introduces the
concept of fractals and a glimpse into the very makeup of nature.<br>
<br>
<br>
<a href="#top">top</a><br>
<a name="trinity"></a></p>
<hr color="#009999" size="1"></td>
<td> </td>
</tr>
</table>
</body>
</html>
Copy and paste the above into Notepad, then copy and paste it from Notepad into FrontPage. That strips any stray formatting that might mess the code up.
Good luck.
_____________________________
Kitka
**It is impossible to make anything foolproof because fools are so ingenious.**
| |
|
 New Messages |
 No New Messages |
 Hot Topic w/ New Messages |
 Hot Topic w/o New Messages |
 Locked w/ New Messages |
 Locked w/o New Messages |
|
Post New Thread
Reply to Message
Post New Poll
Submit Vote
Delete My Own Post
Delete My Own Thread
Rate Posts
|
|
|
Printable Version 
