We have just moved our site to a new server and I am adding some new pages. But I am haveing a problem with the layout codeing.

Here is the page I am working on:

http://www.medievalmagic.ca/info-pages/test.html

As you can see I have the tables set the way I want them but I can't get the information text to align to the left of the page.

Also I would like some input on the layout and the placement of the adds on the right hand side. I am not sure if I want to keep them there.

But first I would like to fix the text on the page.

Thanks for your help.
James

<p align="left"></p>

Originally Posted by benjaminp

<p align="left"></p>

I tryed this, but it didn't work. Could this code from the css be a problem:

body {text-align: center;
background-image: url(../site-images/rptknot2a-edit1.gif);
background-repeat: repeat;}

{text-align: center;

That would explain why your text is centred don't you think?

Edit: here you go

h1 {text-decoration: underline;
text-align:center;}

body {text-align: left;
background-image: url(../site-images/rptknot2a-edit1.gif);
background-repeat: repeat;}

Originally Posted by benjaminp

{text-align: center;

That would explain why your text is centred don't you think?

Edit: here you go

I did that and then added - align="center" in to the <table> to center them. For they went to the left with everything else. Is that okay or is there another way to do it in css.

Also how do I get the text to line up on the right side to make it more uniform. The book I have dose not explain that part.

Originally Posted by JacobBranch

It takes just a bit more then one line of code if you still need me I charge 3 bux

Thanks for the offer, but I am interested in doing this myself and learning how things work. Our designer on our old site sold us a pile of garbage full of bugs. So this time around I want to do it myself. Just looking for some guidence till I can get some more books and training.

Originally Posted by Fenwolf

I did that and then added - align="center" in to the <table> to center them. For they went to the left with everything else. Is that okay or is there another way to do it in css.

Also how do I get the text to line up on the right side to make it more uniform. The book I have dose not explain that part.

To centre add the following:

margin-left:auto;
margin-right:auto;

EDIT: I didn't realise you used tables to enclose your ads. Use the following css:

h1 {text-decoration: underline;
    text-align: center;}

body {text-align: left;
      background-image: url(rptknot2a-edit1.gif);
      background-repeat: repeat;}

h2 {text-decoration: underline;}

h3 {Color: #FF00FF;
    text-decoration: underline;}

table.header {border-style: ridge;
      margin-left:auto;
      margin-right:auto;
       background: #000000;}
       
table {border-style: ridge;
       background: #000000;}

For the tables you want centred add class="header" to them.

Great, thanks. That makes more sence to me now. Now how do I unifrom the text so that it lines up right down the right side and dose not wrap around the bottom of the adds. To me this looks tacky.

And so people know I am useing:

Beginning HTML with CSS and XHTML
By David Schultz and Craig Cook

This was the book that people recomended I start with till I can get more formal training. And it dosen't cover this part for the text.

Erm I didn't want to set anything in stone as I don't know what screen resolution you are running and what kind of screen resolution your audience is running but the following should help you out a little.

* {color: white;}

#right {
        width: 20%;
       float: right;
       }

#content {
         width: 80%;
         float: left;
         }


h1 {text-decoration: underline;
    text-align: center;}

body {text-align: left;
      background-image: url(rptknot2a-edit1.gif);
      background-repeat: repeat;}

h2 {text-decoration: underline;}

h3 {Color: #FF00FF;
    text-decoration: underline;}

table.header {border-style: ridge;
      margin-left:auto;
      margin-right:auto;
       background: #000000;}
       
table {border-style: ridge;
       background: #000000;}

Here is your test page with some slight changes.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Celtic Symbols</title>
<meta name="keywords" content="Celtic,
Triquetra, Claddagh, Runes, Mandalas, Celtic Mandalas, Triple Spiral
Threefold, Celtic Cross, Shield Knot, Thor’s Hammer" />
<meta name="description" content="The Celtic culture has become a more dominate expression in the world today." />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="Author" content="MM" />
<meta name="Copyright" content="© Copyright 2007 Medieval Magic" />
<meta name="Owner" content="Medieval Magic" />
<meta name="robots" content="index, follow" /> 
<meta name="revisit-after" content="10 days" />
<meta name="distribution" content="global" /> 
<meta name="rating" content="general" />
<meta name="Content-Language" content="english" />
<link rel="stylesheet" type="text/css" href="test.css"/>
</head>
<body>
<table class="header" width="95%" cellpadding="15%">
<tr>
<td><img src="../site-images/logo.gif"></td>
<td><img src="../site-images/slogan.gif"></td>
</tr>
</table>
<br>
<table class="header" width="95%" cellpadding="5%">
<colgroup>
<col width="15%">
<col width="15%">
<col width="15%">
<col width="15%">
<col width="15%">
<col width="20%">
</colgroup>
<tr>
<td><a href="../index.html">Home</a></td>
<td>Store</td>
<td><a href="../affiliate.html">Affiliate</a></td>
<td><a href="../contest.html">Contest</a></td>
<td><a href="../newsletter.html">Newsletter</a></td>
<td><a href="../news-and-events.html">News and Events</a></td>
</tr>
<tr>
<td><a href="../creations.html">Creations</a></td>
<td><a href="../guest-book.html">Guest Book</a></td>
<td><a href="../about-us.html">About Us</a></td>
<td><a href="../contact-us.html">Contact Us</a></td>
<td><a href="../links.html">Links</a></td>
<td><a href="sip-home.html">Speciality Information Pages</a></td>
</tr>
</table>
<br><br>
<h1><u>Celtic symbols and their Meanings</u></h1>
<table class="header" width="75%" cellpadding="5%">
<colgroup>
<col width="15%">
<col width="15%">
<col width="15%">
<col width="15%">
</colgroup>
<tr>
<td><a href="#Triquetra">Triquetra</a></td>
<td><a href="#Claddagh">Claddagh</a></td>
<td><a href="#Runes">Runes</a></td>
<td><a href="#Mandalas">Mandalas</a></td>
</tr>
<tr>
<td><a href="#Celtic Mandalas">Celtic Mandalas</a></td>
<td><a href="#Triple Spiral Threefold">Triple Spiral Threefold</a></td>
<td><a href="#Celtic Cross">Celtic Cross</a></td>
<td><a href="#Shield Knot">Shield Knot</a></td>
</tr>
<tr>
<td><a href="#Thors Hammer">Thor's Hammer</a></td>
</tr>
</table>
<br><br>
<div id="right">
<table align="right">
<tr>
<td></td>
</tr>
<tr>
<td>
<script type="text/javascript"><!--
google_ad_client = "pub-7655301807176633";
//Splashpage, 125x125, created 12/14/07
google_ad_slot = "3769841975";
google_ad_width = 125;
google_ad_height = 125;
//--></script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td>
<script type="text/javascript"><!--
google_ad_client = "pub-7655301807176633";
//Splashpage, 125x125, created 12/14/07
google_ad_slot = "3769841975";
google_ad_width = 125;
google_ad_height = 125;
//--></script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td><script type="text/javascript"><!--
google_ad_client = "pub-7655301807176633";
//Splashpage, 125x125, created 12/14/07
google_ad_slot = "3769841975";
google_ad_width = 125;
google_ad_height = 125;
//--></script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td><!-- AddThis Bookmark Button BEGIN -->
<a href="http://www.addthis.com/bookmark.php" onclick="addthis_url =
location.href; addthis_title = document.title; return
addthis_click(this);" target="_blank"><img
src="http://s9.addthis.com/button1-bm.gif" width="125" height="16"
border="0" alt="AddThis Social Bookmark Button" /></a>
<script type="text/javascript">var addthis_pub =
'MedievalMagic';</script><script type="text/javascript"
src="http://s9.addthis.com/js/widget.php?v=10"></script> 
<!-- AddThis Bookmark Button END --></td>
</tr>
</table>
</div>
<div id="content">
<h3><u><a name="Triquetra">Triquetra</a></h3></u>

<br>

The Triquetra (often, triqueta) is a tripartate symbol composed of
three-interlocked vesica pisces, marking the intersection of three
circles. 

<br><br>

It is most commonly a symbol of the Holy Trinity (Father, son, Holy
spirit) used by the Celtic Christian Church, sometimes stylized as
three interlaced fish. The triqueta symbol predates Christianity and
was likely a Celtic symbol of the Goddess, and in the North, a symbol
of the god Odin. In Wiccan and Neopagan belief, the triqueta symbolizes
the triple aspected goddess (maid, mother, and crone). 

<br><br>

The triquetra also appears on the television series Charmed, probably
as a less threatening alternative to the pentacle (the preferred emblem
of witches). In the show, it represents the "power of three, acting as
one " which in turn represents the three sisters

<br><br>

<h3><u><a name="Claddagh">Claddagh</a></h3></u>

The Claddagh is a symbol of Love, Friendship and loyalty. The Claddagh
Ring belongs to a widespread group of finger rings called Fede or Faith
rings which date from Roman times. They are distinguished by having the
bezel cut or cast in the form of two clasped hands, symbolizing faith,
trust or plighted troth. Fede rings were popular in the Middle Ages
throughout Europe.

<br><br>

The Claddagh ring is a particularly distinctive ring; two hands clasp a
heart surmounted by a crown. The ring worn on the right hand, crown
turned inward tells your heart is yet unoccupied, worn with the crown
turned outwards reveals love is being considered. Worn on the left hand
the crown turned outward shows all, your heart is truly spoken for.

<br><br>

Named from the fishing village in Western Ireland. The Claddagh ring
has been handed down from mother to daughter and used as a betrothal
and wedding rings. Worn with the crowns facing inward (toward the
wrist) on betrothal, and outward (toward the fingertip) to symbolize
marriage. It is improper for a person to buy it for him/herself; it
must be given as a gift.

<br><br>

<h3><u><a name="Runes">Runes</a></h3></u> 

Runes (Celtic runes) are an alphabetic script used by the peoples of
Northern Europe from the first century c.e. until well into the Middle
Ages.

<br><br>

In addition to their use as a written alphabet, the runes also served
as a system of symbols used for magic and divination. From the
beginning Runes took on a ritualistic meaning, serving for the casting
of lots, for divination, and to evoke higher powers that could
influence the lives and fortunes of the people.

<br><br>

Runic symbols have been carved into pieces of hardwood, incised on
metal or cut into leather that was then stained with pigment. The most
common Runes were smooth flat stones or pebbles with symbols or glyphs
painted on one side. The practitioner would keep them in a pouch, shake
them and scatter the pebbles on the ground. Those falling with glyphs
upward were then interpreted.

<br><br>

<h3><u><a name="Mandalas">Mandalas</a></h3></u>

Mandalas are ancient magical, symbolic images that represent ideas of
the universe and, in so doing, present a physical and visual tool for
meditating. Mandalas offer balancing visual elements, symbolizing unity
and harmony. The goal of the mandala is to serve as a tool on our
spiritual journey as it symbolizes cosmic and psychic order. Celtic
symbol mandalas are a tool for coming in contact with our origins, visions, and desires. They are also helpful for touching our divine ancestry.

<br><br>

The meanings of individual mandalas are usually different and unique to
each mandala. The meaning of mandala comes from Sanskrit meaning
"circle." Even though it may be dominated by squares or triangles, a
mandala has a concentric structure. Their intricate compositions are
contained within the 'eternal circle’, which is equated with the 'Wheel
of Life'.

<br><br>

<h3><u><a name="Celtic Mandalas">Celtic
Mandalas</a></h3></u> - with their special content
from the art of the ancient Celts - invariably have a dual-dimensional
format, relating to the belief that it is possible to travel from the
earthly realm into the Otherworld of Celtic legend.

<br><br>

As with all mandalas, Celtic symbol mandalas are useful in facilitating the following: <br>

Steadying the mind <br>

Observing the soul <br>

Communion with Spirit/God <br>

Re-establishing balance (external and internal) <br>

Grounding ourselves <br>

Intuitive channel <br>

Understanding of ancestral origin

<br><br>

<h3><u><a name="Triple Spiral Threefold">Triple Spiral Threefold</a></h3></u>

Triple Spiral: <br>

Represents the drawing of the three powers of maiden, mother and crone.
It is a sign of female power and especially power through transition
and growth.

<br><br>

Threefold: <br>

The centre of this symbol represents the "hub" signifying unity of the three powers. 

<br><br>

Double Spiral:

A sign of balance and also representative of the equinoxes. 

<br><br>

<h3><u><a name="Celtic Cross">Celtic Cross</a></h3></u>

A Celtic cross combines the cross with a ring surrounding the
intersection. It is the characteristic symbol of Celtic Christianity,
though it may have older, pre-Christian origins.

<br><br>

In Celtic regions of Ireland and Britain many free-standing upright
crosses – or high crosses – were erected, beginning at least as early
as the 7th Century. Some of these Celtic crosses bear inscriptions in
runes.

<br><br>

Ireland, it is a popular myth that the celtic cross was introduced to
the island by Saint Patrick during his time converting the pagan Irish.
It is believed that he combined the symbol of Christianity, a cross,
with the symbol of the sun, to give pagan followers an idea of the
importance of the cross by linking it with the idea of a pagan sun-god.

<br><br>

<h3><u><a name="Shield Knot">Shield Knot</a></h3></u>

The shield knot is an ancient and nearly universal symbol. The shield
knot has been used for thousands of years by a variety of cultures for
protection and warding.

<br><br>
While the common design is most often associated with the Celts and
ancient Norse, the most basic form is much older. The fourfold version
at is Mesopotamian in origin and is associated with protective spells
invoking the gods of the four corners of the earth. 
<br><br>
Later, it was used in the Kabbalah as a symbol of the Shema, the
prayer/spell to invoke the four Archangels; it is the origin of the
"Qabbalistic Cross" ritual still used today. This knot is sometimes
referred to as the "Earth Square" or St. Hans cross. The Norse and
Celtic versions of the knot are used for the same purposes of
protection but are related to the fourfold solar cross.
<br><br>
The shield knot is an ancient and nearly universal symbol. The shield
knot has been used for thousands of years by a variety of cultures for
protection and warding. 
<br><br> 
While the common design is most often associated with the Celts and
ancient Norse, the most basic form is much older. The fourfold version
at is Mesopotamian in origin and is associated with protective spells
invoking the gods of the four corners of the earth.
<br><br> 
Later, it was used in the Kabbalah as a symbol of the Shema, the
prayer/spell to invoke the four Archangels; it is the origin of the
"Qabbalistic Cross" ritual still used today. This knot is sometimes
referred to as the "Earth Square" or St. Hans cross.
<br><br> 
The Norse and Celtic versions of the knot are used for the same
purposes of protection but are related to the fourfold solar cross.
<br><br> 
Traditional Norse, built on a swastika/solar cross motif 
<br><br>  
A simple and an intricate Celtic version 
Another version of the symbol consists of two interlocked loops and is called the Solomon's knot.
<br><br>
<h3><u>Related Symbols:</h3></u>  
A protective symbol sacred to the element of Earth. The never-ending knot can be used in magical working and meditation.
<br><br>
<h3><u><a name="Thors Hammer">Thor’s Hammer</a></h3></u>
Thor owns a short-handled hammer, Mjolnir, which, when thrown at a
target, returns magically to the owner. His Mjolnir also has the power
to throw lightning bolts. To wield Mjolnir, Thor wears the belt
Megingjord, which boosts the wearer's strength and a pair of special
iron gloves, Jarn Griepr, to lift the hammer. Mjolnir is also his main
weapon when fighting giants. The uniquely shaped symbol subsequently
become a very popular ornament during the Viking Age and has since
become an iconic symbol of Germanic paganism.
<br><br>
<p><a href="../index.html"><img src="../site-images/MedievalMagicNameLarge.jpg"></a>
<br>
Medieval Magic is a provider of Fine Sterling Silver Jewelry /
Jewellery and other Magical Treasures.<br>We provide the highest quality
manufactured and handcrafted products.</p></div>
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>
<script type="text/javascript">
_uacct = "UA-3026265-1";
urchinTracker();
</script>
</body>
</html>

Thanks you for the help benjaminp that did the trick. And I can see from the book how the <div> tag works to. This will make the pages look better I think.

Originally Posted by Fenwolf

Thanks you for the help benjaminp that did the trick. And I can see from the book how the <div> tag works to. This will make the pages look better I think.

Not a problem

I'm certainly no expert but feel free to PM me with any problems you might have and ill try and lend a hand.