Alignment of Text and Images





I prefer to use the heading box for alignment of text, images and tables. The reason being that the heading box has a default center alignment. The center tags will work in the heading box and tables align much more easier, here.

One thing about using the heading box for alignment is that you will not usually see the new alignment in edit, but you will in preview and if you go directly to your republished webpage. You may need to press cmd and R to see the new change on your published webpage, if you have just editted it.

You can center your text by putting it in a heading box and by using this code:

<center>Your text here </center> You can also set the text to the right or the left using the paragraph tag like this: <p align="right">Your text here</p>

It would look like this.

Your text here

Your text will be in bold text, though, using this code in the heading box. We can undo the default center alignment in the heading box by using table codes like this:<table width="100%"><tr><td align="center">Your text here</td></tr> </table> You can easily align your text to the left using this code like this: See this example:
<table width="100%"><tr><td align="left"> Your text here</td></tr></table> This will align your text to the left of the page. If you want your text to be right align aligned, just replace the "left" with "right" in the code above.

We can use tables in the heading box to set margins like this: <center><table width="85%"><tr><td align="left"> Your text here</td></tr> </table> </center></xmp</font></b> <br>Since the table is less than 100%, I had to add center tags. I don't know why that is, exactly.<br><br><br>You may also want to change the alignment of your <font size="5" color="#FF0000"><b> images</b></font> on your webpage. You will need to know your scrapbook URL to realign an image. For help with finding your scrapbook URL, go to <a href="http://community-2.webtv.net/Angelaruth49/URL/"><font size="5">Finding Your Scrapbook URL</font></a> or <a href="http://community.webtv.net/Angelaruth49/PBHelp"><font size="5">PB Help</font></a>. Remember that your image code is going to be <font size="5"><b><xmp><img src="URL of image"> Then, you can center images by using the center tags in the heading box like this: <center><img src="URL of image"></center> Your images won't appear centered in edit, but they will in preview. You can also align your images to the right or to the left in the heading box by using this code for aligning the image to the right: <img src="URL of image" align="right"> To align your image to the left, just replace align="right" to align="left" in the code above.



   I hope you enjoyed your stay at the Beginner's Circle. There are many other more advanced work arounds for Pagebuilder that I don't bother with. There's an advanced editor for Pagebuilder, for example, where you can turn off the Pagebuilder settings, but there are some drawbacks to using that system as you would see if you try it. I would only recommend the advanced editor for people who need a lot of customizing of their websites.

Comments or suggestions for this website?
Email MeAngelaruth49@webtv.net





See My Helpful Links Page
http://www.wtv-zone.com/Angelaruth49/HelpfulLinks.html

And


Beginner's Guide
http://community-2.webtv.net/Angelaruth49/BeginnersGuide/index.html


Back To Index Page