I am getting so confused which fonts go with which. There are some that are way smaller than usual and then others that are larger when I don't want them to be.

My "navigation" text in my webpage is a little smaller than I'd like.

My text in my navigation 'table' is larger than I would like. Could someone tell me how to fix this?

I am also wanting to know if it is possible to do that 'iframe linking' idea in my main page. I would really like for the different links to show up in my main text area of my page. So if they went to the gallery, the main html would show up in my center column text area. Helppppppp!

Here is the link to my page: http://thump.net/2172/jayta/theresakalan/home.html

And here is my stylesheet:

A {text-decoration:none;}
A:link {color:#cc66cc;}
A:visited {color:#ffffff;}
A:active {color:#cc66cc;}
A:hover {color:#ffcccc;}

h1 {font-family: verdana;color: #993366;}

p {font-family: verdana color: #cc6699;}

body
{background:url(bg2.jpg);
background-repeat:repeat;
font-family: verdana;
color: #330066 ;
letter-spacing: 2 pt;
font-weight: normal;
font-size: 7 pt;
margin: 0px;
padding-left: 0px;
padding-right: 0px;

scrollbar-face-color:#330033;
scrollbar-highlight-color:#cc99cc;
scrollbar-3dlight-color:#000000;
scrollbar-shadow-color:#000000;
scrollbar-darshadow-color:#330066;
scrollbar-track-color:#330033;
scrollbar-arrow-color:#330033;

}


input, textarea
{ background: #330033;
font-family: verdana;
color: #cc66cc;
border-style: dashed;
border-color: #000000;
border-width: 2px;

}

#header {
margin: 0px;
padding: 0px;
height: 100px;
}

#left {
position: absolute;
left: 10px;
top: 400px;
width: 200px;
}

#center {
top: 50px;
margin-left: 230px;
margin-right: 230px;
}

#right{
position: absolute;
right: 10px;
top: 400;
width: 200px
}

Where you have 7 pt... Try taking out the space making it 7pt as far as I can tell that is the only difference I can see.


To use frames for your "center" area just add an Iframe with this code:

<iframe name="content" src="http://YOUR SITE.html" frameborder=0 style="height: 400px; width: 400px;"></iframe></div>

Add this after the center div starts. Adjust the height and width to suit your page.


Good Luck