Re: positioning


"Gus Richter" <gusrichter@xxxxxxxxxxxx> wrote in message
news:ieo5f0$mq$1@xxxxxxxxxxxxxxxxxxxxxxxxxxxxx
On 12/20/2010 9:24 AM, mcnewsxp wrote:
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


<!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>


nice!
thanks.


.

Relevant Pages

  • Re: positioning
    ... On 12/20/2010 9:24 AM, mcnewsxp wrote: ... <!DOCTYPE html> ...
    (alt.html)
  • Re: XHTML
    ... <!DOCTYPE html ... somewhere in the page, save it and re-open the page in your browser, the browser is going to give a debug error message showing where the XML synthax error is located. ...
    (comp.infosystems.www.authoring.stylesheets)
  • Re: IE7 padding problem
    ... Wishful thinking! ... Yucca, http://www.cs.tut.fi/~jkorpela/ ...
    (comp.infosystems.www.authoring.stylesheets)
  • multi browser forms issue
    ... <!DOCTYPE HTML> ... function formSubmit() ...
    (comp.lang.javascript)
  • Re: bgcolor & background color dont work for me
    ... Richard Lionheart wrote on 06 mrt 2006 in ... <!DOCTYPE html ... this is a jscript scripting NG. ...
    (microsoft.public.scripting.jscript)