PDA

View Full Version : Aligning the tags in the tagboard.

I am me
04-21-2003, 05:59 PM
I am goin to explode with anger very soon. I have been searchin & getting angry for over 3 hours! One thing is taking three hours.


Here is the page....
Its a less explicit copy of the right side of the frame set for my site (this particular page just has the tagboard, nothing else)

http://geocities.com/jlgillusions/tagboard.html


Here is the rough html.


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>

<style><!--body {scrollbar-face-color:00ccff;
scrollbar-shadow-color:black;scrollbar-highlight-color:black;scrollbar-3dlight-color:black;scrollbar-darkshadow-color:black;scrollbar-track-color:black;
scrollbar-arrow-color: black;}--></style>

<STYLE type="text/css"><!--A:link{COLOR:#D9B9EB;TEXT-DECORATION:none}
A:visited{color:#D9B9EB;TEXT-DECORATION:none}
A:active{color:#D9B9EB;TEXT-DECORATION:none}
A:hover{color:#D9B9EB;TEXT-DECORATION:none;cursor:e-resize; background-image: url(http://www.megsplace.com/nutstuff/ani/stars/stars.gif)}--></STYLE>


<style type="text/css"><!--
body { color: 00CCFF;background:black;font-size: 09px; font-family:verdana;line-height: 10px;text-align: left;color:00CCFF;LETTER-SPACING: 0pt} p,i,u,{ font-size: 09px; font-family: verdana; line-height: 10px;font-weight:normal;text-align: justify;color:00CCFF;font-style:normal;LETTER-SPACING: 0pt} td{font-family: verdana; color:#00CCFF; font-size: 09px; text-align: justify;LETTER-SPACING: 0pt} B { font-size: 09px;font-family: verdana; line-height: 10px; text-align: justify;color:#00ccff;LETTER-SPACING: 0pt}font{ color: #D9B9EB;font-weight:normal;font-size: 09px; font-family: verdana; line-height: 10px;LETTER-SPACING: 0pt}
--></style>

<style type="text/css"><!--
input, textarea
{
color:#00ccff;
border:1px solid;
font-family:verdana;
font-size: 09px;
width:#200px;
height:#100px;
background-color:transparent;

}

--></style>



<body bgcolor=black>



<title>Illusions. Welcome to my world.</title>



</head>
</body>













<div align="center"><SCRIPT LANGUAGE="Javascript" TYPE="text/javascript" SRC="http://www.tag-board.com/tagboard.js"></SCRIPT>

<table width="100" cellpadding="0" cellspacing="0" border="0">
<tr>
<td width=10 height=100 valign=top>
<iframe src="http://www.tag-board.com/my.tag?name=myillusions" name="tag" width="120" height="80"
marginwidth="0" marginheight="0"></iframe> <p>
<script>netscape_support();</script>
</td>
</tr>

<tr>
<td>
<form action="http://www.tag-board.com/add.tag" method="post" name="tagform" target="tag">
<input type="hidden" name="name" value="myillusions">

<tr>
<td><b>Recruit;</b></td>

<td><input name="tagname" maxlength="15" style="font-size:09px"><br></td>
</tr>


<tr>
<td><b>Team;</b></td>

<td><input name="tagurl" maxlength="15" style="font-size:09px"><br></td>
</tr>



<tr>
<td><b>Messages;</b></td>
<td><textarea cols="15" rows="1" name="message" wrap style="font-size:09px"></textarea></td>
</tr>

<tr>
<td><input class=button
style="font-family:verdana"
style="font-size:09px"
style="border style: 1px solid"
style="background:#000000"
style="color:#D9B9EB"
type="submit" value="slash me" onclick="return Clear_Last_Message_on_Submit();"></td>

<td><input class=button
style="font-family:verdana"
style="font-size:09px"
style="border style: 1px solid"
style="background:#000000"
style="color:#D9B9EB"
type="submit" value="T.B.com" onclick="return Clear_Last_Message_on_Submit();">


</form>

<script>rememberme()</SCRIPT>

</td>
</tr>
</table>




</body>

</html>




I am pulling my hair out in fristration because I want the iframe to be positioned above the text/boxes in the centre, rather than on the left.

I want the three input boxes to be nearer to the text. Rather than that gaping space.

& I also want the two slash me buttons to be next to each other, aligned in the centre below the three input boxes & three text words.

Please, readjust the code & help me, before have no hair left.

Thank you
epolady
04-21-2003, 06:32 PM
Try this:

<table width="100" cellpadding="0" cellspacing="0" border="0">
<tr>
<td valign=top colspan="2" align="center">
<iframe src="http://www.tag-board.com/my.tag?name=myillusions" name="tag" width="120" height="80" marginwidth="0" marginheight="0" align="center"></iframe><script>netscape_support();</script>
</td>
</tr>
<tr>
<td><form action="http://www.tag-board.com/add.tag" method="post" name="tagform" target="tag">
<input type="hidden" name="name" value="myillusions"><b>Recruit;</b></td>

<td><input name="tagname" maxlength="15" style="font-size:09px"></td>
</tr>
<tr>
<td><b>Team;</b></td>
<td><input name="tagurl" maxlength="15" style="font-size:09px"><br></td>
</tr>
<tr>
<td><b>Messages;</b></td>
<td><textarea cols="15" rows="1" name="message" wrap style="font-size:09px"></textarea></td>
</tr>
<tr>
<td valign="top" colspan="2" align="center">
<div align="center">
<input class=button
style="font-family:verdana"
style="font-size:09px"
style="border style: 1px solid"
style="background:#000000"
style="color:#D9B9EB"
type="submit" value="slash me" onclick="return Clear_Last_Message_on_Submit();"> &nbsp;<input class=button
style="font-family:verdana"
style="font-size:09px"
style="border style: 1px solid"
style="background:#000000"
style="color:#D9B9EB"
type="submit" value="slash me" onclick="return Clear_Last_Message_on_Submit();"><script>rememberme()</SCRIPT></div></td>
</tr>
</table>
</form>
I am me
04-21-2003, 06:59 PM
Thank you a lot!

Really!

Your code works very well.


Me, have done some random thing

<div align=center>

<iframe src="http://www.tag-board.com/my.tag?name=myillusions" name="tag" width="135" height="80"
marginwidth="0" marginheight="0"></iframe> <p>
<script>netscape_support();</script>




<div align=center><table width="0" cellpadding="1" cellspacing="2" border="0">

<form action="http://www.tag-board.com/add.tag" method="post" name="tagform" target="tag">
<input type="hidden" name="name" value="myillusions">



<tr>
<td><b>Recruit;</b></td>

<td><input name="tagname" maxlength="15" style="font-size:09px"><br></td>
</tr>


<tr>
<td><b>Team;</b></td>

<td><input name="tagurl" maxlength="15" style="font-size:09px"><br></td>
</tr>



<tr>
<td><b>Message;</b></td>
<td><textarea cols="19" rows="1" name="message" wrap style="font-size:09px"></textarea></td>
</tr>


</table>

<P>


<div align=center>

<input class=button
style="font-family:verdana"
style="font-size:09px"
style="border style: 1px solid"
style="background:#000000"
style="color:#D9B9EB"
type="submit" value=".slash me." onclick="return Clear_Last_Message_on_Submit();">


<input class=button
style="font-family:verdana"
style="font-size:09px"
style="border style: 1px solid"
style="background:#000000"
style="color:#D9B9EB"
type="submit" value="T-B.com" onclick="return Clear_Last_Message_on_Submit();">




</form>

<script>rememberme()</SCRIPT>



which also seems to work well, however incorrect it may be.

For 3 hours I had no soluetion, now I have a chioce of 2. Thank you :D