Velocity Reviews - Computer Hardware Reviews

Velocity Reviews > Newsgroups > Programming > HTML > positioning

Reply
Thread Tools

positioning

 
 
mcnewsxp
Guest
Posts: n/a
 
      12-20-2010
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
 
Reply With Quote
 
 
 
 
Gus Richter
Guest
Posts: n/a
 
      12-20-2010
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>


 
Reply With Quote
 
 
 
 
mcnewsxp
Guest
Posts: n/a
 
      12-20-2010

"Gus Richter" <(E-Mail Removed)> wrote in message
news:ieo5f0$mq$(E-Mail Removed)-september.org...
> 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.


 
Reply With Quote
 
 
 
Reply

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are Off


Similar Threads
Thread Thread Starter Forum Replies Last Post
Positioning in dropdownlists Peter J. Hunter ASP .Net 0 01-14-2004 04:13 AM
Dynamically positioning objects at run-time. Bill Zack ASP .Net 3 12-05-2003 03:49 PM
Dynamic server controls and positioning ASP .Net 1 11-27-2003 03:40 PM
Positioning user controls in a page John ASP .Net 0 06-30-2003 04:19 PM
Positioning Dynamically added controls Harry ASP .Net 1 06-25-2003 06:08 AM



Advertisments