positioning

M

mcnewsxp

i have this html:
<div style="width:90%; background-color:#eeeeee;">
<form action="adminduporerr.asp" method="post" id="Form2"
name="form3">
<strong>A. Reports Needing Follow-up:</strong>
<input type="submit" value="Duplicate Reports" name="Duplicate
Reports" id="Submit1">
</form>
<form action="adminincorrectrec.asp" method ="post" id="Form5"
name="form3">
<input type="submit" value="Reporting Errors" name="Incorect
Reports" id="Submit2">
</form>
</div>

i would like the text aligned left, button 1 in the middle and button
2 aligned right (but not hard right). how can i position these items
without using a table?

A. Reports Needing Follow-up | Button1
| Button2 | <- page edge

tia,
mcnewsxp
 
G

Gus Richter

i have this html:
<div style="width:90%; background-color:#eeeeee;">
<form action="adminduporerr.asp" method="post" id="Form2"
name="form3">
<strong>A. Reports Needing Follow-up:</strong>
<input type="submit" value="Duplicate Reports" name="Duplicate
Reports" id="Submit1">
</form>
<form action="adminincorrectrec.asp" method ="post" id="Form5"
name="form3">
<input type="submit" value="Reporting Errors" name="Incorect
Reports" id="Submit2">
</form>
</div>

i would like the text aligned left, button 1 in the middle and button
2 aligned right (but not hard right). how can i position these items
without using a table?

A. Reports Needing Follow-up | Button1
| Button2 |<- page edge

tia,
mcnewsxp
Click to expand...


<!DOCTYPE html>
<html>
<head>
<title>Position Form elements in html5</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" >
<style type="text/css">
..RNF {float:left;}
#Submit1 {display:block;margin-left:auto;margin-right:auto;}
#Submit2 {display:inline-block;margin-left:5%;}
</style>
</head>
<body>
<div style="width:90%; background-color:#eeeeee;">
<form action="adminduporerr.asp" method="post" id="Form2" name="form3">
<div class="RNF">
<strong>A. Reports Needing Follow-up:</strong>
</div>
<input type="submit" value="Duplicate Reports" name="Duplicate
Reports" id="Submit1">
</form>
<form action="adminincorrectrec.asp" method ="post" id="Form5"
name="form3">
<input type="submit" value="Reporting Errors" name="Incorect
Reports" id="Submit2">
</form>
</div>
</body>
</html>
 
M

mcnewsxp

Gus Richter said:
<!DOCTYPE html>
<html>
<head>
<title>Position Form elements in html5</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" >
<style type="text/css">
.RNF {float:left;}
#Submit1 {display:block;margin-left:auto;margin-right:auto;}
#Submit2 {display:inline-block;margin-left:5%;}
</style>
</head>
<body>
<div style="width:90%; background-color:#eeeeee;">
<form action="adminduporerr.asp" method="post" id="Form2" name="form3">
<div class="RNF">
<strong>A. Reports Needing Follow-up:</strong>
</div>
<input type="submit" value="Duplicate Reports" name="Duplicate
Reports" id="Submit1">
</form>
<form action="adminincorrectrec.asp" method ="post" id="Form5"
name="form3">
<input type="submit" value="Reporting Errors" name="Incorect
Reports" id="Submit2">
</form>
</div>
</body>
</html>
Click to expand...
nice!
thanks.
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Similar Threads

Move a Form action="ThatPage.php" to an <input type="??" > inline 1
Uhhhhh, What can I do next? 6
How to position the *tooltip* comment on these buttons? 9
Jquery not triggering / acting as expected. 0
HCaptcha - How to stop page from refreshing on submit if captcha is not checked/validated 1
Survey details won't go through using php, ajax, Mysql 0
Can't execute php to delete multiple rows in database 3
Check forms With JavaScript 1

Members online

No members online now.
Total: 36 (members: 0, guests: 36)
Robots: 333

Forum statistics

Threads
473,755
Messages
2,569,536
Members
45,007
Latest member
obedient dusk

Latest Threads

Top