View Full Version : aligning input fields?


Kasumi×
09-26-2004, 10:11 PM
I have my tagboard and well i want the input fields on the right like... right beside it instead of underneath it here's the code ...


<html>
<head>
<title></title>
<link rel="stylesheet" href="styel.css">
<SCRIPT>
function popUp(URL) {
day = new Date();
id = day.getTime();
eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=1,location=0,statusbar=0,men ubar=0,resizable=0,width=170,height=200');");
}

</SCRIPT>
</head>
<body>

<form action="http://sn.aoumi.net/tag/sign.php" method="GET" target="tags">
<div id="Layer1" style="border-width: 0 0 0 0; border-color: #000000; border-style: solid; width: 115; height:200">
<center><iframe src="http://sn.aoumi.net/tag/tags.php?show=limit" name="tags" width="120" height="200" frameborder="0" ></iframe></center>
</div>
<input type="text" size="20" name="comment" value="comment" class="input" maxlength="150"><br>
<input type="text" size="20" name="website" value="http://" class="input"><br>
<input type="text" size="20" name="name" value="name" class="input" maxlength="15"><br>
<input type="submit" value=" Tag Me " class="button"> <a href="http://sn.aoumi.net/tag/tags.php?show=all" onclick="popUp(this.href);return false;">H</a> - <a href="http://sn.aoumi.net/tag/smilies.html" onclick="popUp(this.href);return false;">S</a> - <a href="http://sn.aoumi.net/tag/admin.php" target="blank">A</a>
</form>
</body>
</html>
</div>


i want it beside the tagboard can someone this time please help me?

Temiko
09-26-2004, 11:18 PM
Try using this code. Basically I inserted a table in so that the input boxes should sit next to the tagboard. However, you'll probably need to tweak variables/add attributes i.e. align, valign to the table for it to suit your site.

<html>
<head>
<title></title>
<link rel="stylesheet" href="styel.css">
<SCRIPT>
function popUp(URL) {
day = new Date();
id = day.getTime();
eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=1,l ocation=0,statusbar=0,men ubar=0,resizable=0,width= 170,height=200');");
}

</SCRIPT>
</head>
<body>

<table width="100%">
<tr>
<td>
<form action="http://sn.aoumi.net/tag/sign.php" method="GET" target="tags">
<div id="Layer1" style="border-width: 0 0 0 0; border-color: #000000; border-style: solid; width: 115; height:200">
<center><iframe src="http://sn.aoumi.net/tag/tags.php?show=limit" name="tags" width="120" height="200" frameborder="0" ></iframe></center>
</div>
</td>
<td>
<input type="text" size="20" name="comment" value="comment" class="input" maxlength="150"><br>
<input type="text" size="20" name="website" value="http://" class="input"><br>
<input type="text" size="20" name="name" value="name" class="input" maxlength="15"><br>
<input type="submit" value=" Tag Me " class="button"> <a href="http://sn.aoumi.net/tag/tags.php?show=all" onclick="popUp(this.href);return false;">H</a> - <a href="http://sn.aoumi.net/tag/smilies.html" onclick="popUp(this.href);return false;">S</a> - <a href="http://sn.aoumi.net/tag/admin.php" target="blank">A</a>
</form>
</td>
</tr>
</table>
</body>
</html>
</div>

Kasumi×
09-26-2004, 11:28 PM
Thanks Temiko, It worked. :)