I am having trouble aligning[spelling?] text boxes to a layout I am making for a game. This is a screenshot of what it currently looks like:

http://img.photobucket.com/albums/v118/Erised/Horseland/Layouts/HeadVectorcopy.jpg

This is the code I have written:

</center>
</td></tr></table><br>
<br><center><style type="text/css">
A:link {color: "#5E66A0"; font-family: tahoma; text-decoration:none; font-size:8pt}
A:visited {color: "#5E66A0"; text-decoration:none; font-size:8pt}
A:hover {color: "#5E66A0"; font-family: tahoma; text-decoration: none; filter:fliph(); font-weight: bold; cursor: crosshair; font-size:8pt }

p {font-family: verdana;
color: 000000;
font-size:8pt}

body
{ background: #9BA4C3;
background-attachment: fixed;
font-family: verdana;
color: #000000;
font-size: 8pt;
scrollbar-face-color : #ffffff;
scrollbar-shadow-color: #ffffff;
scrollbar-track-color: #ffffff;
scrollbar-darkshadow-color: #ffffff;
scrollbar-3dlight-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-arrow-color: #5E66A0; }

td
{ font-family: Verdana;
color: #000000;
font-size: 8pt;}

input, textarea
{ background: #ffffff;
font-family: verdana;
color: #000000;
border-style: solid;
border-color: #000000;
border-width: 0;}

</style>


<table border=0 cellpadding=0 cellspacing=0 style="background: url(http://img.photobucket.com/albums/v118/Erised/Horseland/Layouts/HeadVector.jpg); background-repeat: no-repeat;
width:700px; height:569px">
<tr height="147" class="main"><td class="main"> </td></tr>
<td class="main"><td width=375 class="main"> </td>
<td class="main" valign=top>
<span style="width:190px; height:134px; overflow:auto; border:none; color:none;"><p align=right> <font color=black size=1>
hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello
<tr height="0" class="main"><td class="main"> </td></tr>
<td class="main"><td width=375 class="main"> </td>
<td class="main" valign=top>
<span style="width:246px; height:105px; overflow:auto; border:none; color:none;"><p align=right> <font color=black size=1>
hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello
</td></tr></table><br>
</form></form></form></font></font></font></font></font></font></font></font></font></font></font></font></font></font></font></font></font></font></a></address></b></b></b></b></i></u></big></blockquote></center></cite></comment></em></marquee></h1></h2></h3></h4></h5></h6></pre></pre></p></s></small></span></strike></strong></sub></sup></td></tr></table></table>

I am trying to move the second text box up so it is in the spot I have circled in the picture :

http://img.photobucket.com/albums/v118/Erised/Horseland/Layouts/HeadVectorcopy2.jpg

I hope you understand what I mean. It won't move up any farther because in my code it is already set at a height of 0. If someone could help with how to align these text boxes[or if you know a better way than the code I have] that would be great. I was able to align the top text box in exactly the right spot I want. I am just having trouble with that bottom one.

I don't see any code for iframes here but it looks like that's what you want to do. You can position the text windows at any size using them. ??

If this answers your question and you'd like help with iframes, let me know. :)

-kerrieann
No Advertising - Read The Rules

You're using this..
<span style="width:190px; height:134px; overflow:auto; border:none; color:none;"><p align=right>

I've never used those before, you should try divs, you can position them where ever you want.

<div style="position:absolute; left:367; top:413; width:370; height:800;overflow:auto">
content
</div>

Hope that helps.. =]
If you need help aligning the divs, try this tutoiral link (http://www.``````````````/divtutorial.php)

Thanks for the help....

P.S- I was not advertising the game. I was showing people what the page looked like with the code, and then what I really wanted it to look like.

You didnt get edited, it was someone else :)