Win a copy of Re-engineering Legacy Software this week in the Refactoring forum
or Docker in Action in the Agile forum!
  • Post Reply
  • Bookmark Topic Watch Topic
  • New Topic

how to include 2 or 3 buttons within a border or just simply a square?

 
Tom Barns
Ranch Hand
Posts: 138
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Hi all
what i need to do is to put 2 o3 o3 4 buttons or textfield within a square or a border,i do not want to use border with table.it is not what i want.
simply i need to see 3 or more buttons or textfield and around them a square,also i need to specify the color of that square or lines .
Thanks a lot for your time.
 
Brian Glodde
Ranch Hand
Posts: 171
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
try using nested div's. you can then attach an onclick event to the div to simulate the button action. Here's a sample to get you started:
<div id="oustideborder" style="border:solid 1px #000000; width:100;height:50;">
<div id="btn1" style="position:relative;text-align:center;width:100;top:0px;left:0px;background-color:#FF0000;">Button 1</div>
<div id="btn2" style="position:relative;text-align:center;width:100;top:0px;left:0px;background-color:#00FF00;">Button 2</div>
<div id="btn3" style="position:relative;text-align:center;width:100;top:0px;left:0px;background-color:#0000FF;">Button 3</div>
</div>
You'll have to make some adjustments to get the same effect in Netscape (layer-background-color, etc). You get the picture.
 
  • Post Reply
  • Bookmark Topic Watch Topic
  • New Topic