PDA

Click to See Complete Forum and Search --> : a simple HTML page

cofactor
07-14-2005, 01:40 PM
question
----------


i have made a html which looks like


a_BIG_LABEL 12(textfield value)
another_BIG_LABEL 24(textfield value)

SUBMIT



i want to shift "SUBMIT" button slightly right. how can i do it ?


reason i want to do it
----------------------
you know, it looks bad when i see the submit button is left alligned. it should be in the middle with respect to those LABELs. so i want to move it slightly right.


The code I have usued
---------------------
<html>
<form ......>
<center>
<table>
here are the labels inside "tr"

</table>
<input type="submit"...>
</center>
</form>
</html>
drumbum360
07-14-2005, 01:46 PM
If you post the actual code or give me a link to your problem I can better assist you with your query.
NogDog
07-14-2005, 01:55 PM
Something like this?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang='en'>
<head>
<META HTTP-EQUIV='Content-Type' CONTENT='text/html; charset=ISO-8859-1'>
<title>Page title</title>
<style type="text/css">
<!--
form {
width: 23em;
margin: 0 auto;
padding: 1em;
border: solid 1px black;
text-align: center;
background-color: aqua;
}
#submit {
text-align: right;
padding-right: 3em;
}
-->
</style>
</head>
<body>
<form action="some-page.php" method="post">
<h1>A Big Label</h1>
<h2>A Not-As-Big-But-Longer Label</h1>
<p id="submit"><input type="submit" value="Submit Button"></p>
</form>
</body>
</html>
drumbum360
07-14-2005, 02:07 PM
Does this do what you want?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang='en'> <head>
<META HTTP-EQUIV='Content-Type' CONTENT='text/html; charset=ISO-8859-1'>
<title>Page title</title>
<style type="text/css">
form { width: 23em; margin: 0 auto; padding: 1em; border: solid 1px black; text-align: center;

background-color: aqua; }
#submit { text-align: right; padding-right: 8em; } </style>
</head>
<body>
<form action="some-page.php" method="post">
<h1>A Big Label</h1>
<h2>A Not-As-Big-But-Longer Label</h2>
<p id="submit"><input type="submit" value="Submit Button"></p>
</form> </body>
</html>
cofactor
07-14-2005, 02:17 PM
hello,

mr dram, yes, you got me. your sample code is producing my desired output.

i am not so much comfortable with "styles" but have little bit idea. do you suggest learning "style" with "html" would be worthy ?

thank you
drumbum360
07-14-2005, 02:25 PM
yes. Style produces far more customizability than plain html and you can use it instead of tables for a layout which is far more accepted and wc3 compliant.
cofactor
07-21-2005, 02:49 AM
some code



<head>
<style type="text/css">
#move{ text-align: right; padding-right: 20em; }
</style>
</head>






<td>

<p id="move">
<a href="update/citylist.jsp">UPDATE RECORD</a>
</p>

</td>




this td is not moving alone..rather whole table is moving. i want to move this td a bit towards right. its not working