Help
I am trying to get the buttons on the attached image to align with very little space between them.
If you look at the HTML for the buttons you will see cellpadding="2" --- How do I set that it to "0" in Alpha5?
Mark Moss
<table class="GradientBlueFormTABLE" id="GRID1.DETAILVIEW_PART.FORM" cellpadding="2" cellspacing="0" >
<tbody id="GRID1.D.R1" >
<tr>
<!--Start:ErrorColumn-->
<td id="GRID1.TD.R1.__SYSTEM_ERRORCOLUMN" rowspan="1" style="[grid.columnwidth.errorColumn]" class="GradientBlueDataTD " style="display:none;"><img id="GRID1.R1.__SYSTEM_ROWERROR" src="images/$$generic.error.png.a5image" class="A5GridRowErrorIcon" /></td>
<!--End:ErrorColumn-->
<td class="GradientBlueDataTD" style="padding:0px;">
<table cellpadding="2" cellspacing="0" style="width: 100%;">
<tr><!--TR1-->
<td><!--TD1-->
<table cellpadding="2" cellspacing="0" >
<tr>
<td id="GRID1.D.TD.R1.VALUE" class="GradientBlueDataTD"><div class="GradientBlueFieldCaptionTD" ><span id="GRID1.D.LBL.R1.VALUE" >Calculator</span></div>
<div><input id="GRID1.D.V.R1.VALUE" readonly="readonly" size="30" maxlength="255" class="GradientBlueInput" type="text" name="V.R1.VALUE" value="" /></div></td>
</tr>
</table>
<div id="GRID1.DVCONTAINER_5.D.R1" class="A5container " style="" ><!--DIV for Container control-->
<div id="GRID1.DVCONTAINER_3.D.R1" class="A5container " style="" ><!--DIV for Container control-->
<table cellpadding="2" cellspacing="0" >
<tr>
<td id="GRID1.D.TD.R1._UNBOUND_BUTTON_7" class="GradientBlueDataTD"><button type="button" id="GRID1.D.V.R1._UNBOUND_BUTTON_7" style="font: 12pt Microsoft Sans Serif; border-style: outset; margin: 0px; vertical-align: middle; cursor: pointer; position: relative; top: 0px; left: 0px; width: 75px; height: 75px; z-index: 1; " class="GradientBlueButton " >7</button> <button type="button" id="GRID1.D.V.R1._UNBOUND_BUTTON_8" style="font: 12pt Microsoft Sans Serif; border-style: outset; margin: 0px; vertical-align: middle; cursor: pointer; position: relative; top: 0px; left: 0px; width: 75px; height: 75px; z-index: 1; " class="GradientBlueButton " >8</button> <button type="button" id="GRID1.D.V.R1._UNBOUND_BUTTON_9" style="font: 12pt Microsoft Sans Serif; border-style: outset; margin: 0px; vertical-align: middle; cursor: pointer; position: relative; top: 0px; left: 0px; width: 75px; height: 75px; z-index: 1; " class="GradientBlueButton " >9</button></td>
</tr>
</table>
</div><!--end DIV for Container control-->
<!--Break-->
<div style="clear:both; font:0px; height:0px;"></div>
<div id="GRID1.DVCONTAINER_2.D.R1" class="A5container " style="" ><!--DIV for Container control-->
<table cellpadding="2" cellspacing="0" >
<tr>
<td id="GRID1.D.TD.R1._UNBOUND_BUTTON_4" class="GradientBlueDataTD"><button type="button" id="GRID1.D.V.R1._UNBOUND_BUTTON_4" style="font: 12pt Microsoft Sans Serif; border-style: outset; margin: 0px; vertical-align: middle; cursor: pointer; position: relative; top: 0px; left: 0px; width: 75px; height: 75px; z-index: 1; " class="GradientBlueButton " >4</button> <button type="button" id="GRID1.D.V.R1._UNBOUND_BUTTON_5" style="font: 12pt Microsoft Sans Serif; border-style: outset; margin: 0px; vertical-align: middle; cursor: pointer; position: relative; top: 0px; left: 0px; width: 75px; height: 75px; z-index: 1; " class="GradientBlueButton " >5</button> <button type="button" id="GRID1.D.V.R1._UNBOUND_BUTTON_6" style="font: 12pt Microsoft Sans Serif; border-style: outset; margin: 0px; vertical-align: middle; cursor: pointer; position: relative; top: 0px; left: 0px; width: 75px; height: 75px; z-index: 1; " class="GradientBlueButton " >6</button></td>
</tr>
</table>
</div><!--end DIV for Container control-->
<!--Break-->
<div style="clear:both; font:0px; height:0px;"></div>
</div><!--end DIV for Container control-->
<div id="GRID1.DVCONTAINER_6.D.R1" class="A5container " style="margin-top: 2px; margin-left: 0px; margin-right: 0px; margin-bottom: 0px; " ><!--DIV for Container control-->
<table cellpadding="2" cellspacing="0" >
<tr>
<td id="GRID1.D.TD.R1._UNBOUND_BUTTON_13" class="GradientBlueDataTD"><button type="button" id="GRID1.D.V.R1._UNBOUND_BUTTON_13" style="font: 12pt Microsoft Sans Serif; border-style: outset; margin: 0px; vertical-align: middle; cursor: pointer; position: relative; top: 0px; left: 0px; width: 75px; height: 158px; z-index: 1; " class="GradientBlueButton " >C<br>L<br>E<br>A<br>R</button></td>
</tr>
</table>
</div><!--end DIV for Container control-->
<!--Break-->
<div style="clear:both; font:0px; height:0px;"></div>
<div id="GRID1.DVCONTAINER_7.D.R1" class="A5container " style="" ><!--DIV for Container control-->
<div id="GRID1.DVCONTAINER_1.D.R1" class="A5container " style="" ><!--DIV for Container control-->
<table cellpadding="2" cellspacing="0" >
<tr>
<td id="GRID1.D.TD.R1._UNBOUND_BUTTON_1" class="GradientBlueDataTD"><button type="button" id="GRID1.D.V.R1._UNBOUND_BUTTON_1" style="font: 12pt Microsoft Sans Serif; border-style: outset; margin: 0px; vertical-align: middle; cursor: pointer; position: relative; top: 0px; left: 0px; width: 75px; height: 75px; z-index: 1; " class="GradientBlueButton " >1</button> <button type="button" id="GRID1.D.V.R1._UNBOUND_BUTTON_2" style="font: 12pt Microsoft Sans Serif; border-style: outset; margin: 0px; vertical-align: middle; cursor: pointer; position: relative; top: 0px; left: 0px; width: 75px; height: 75px; z-index: 1; " class="GradientBlueButton " >2</button> <button type="button" id="GRID1.D.V.R1._UNBOUND_BUTTON_3" style="font: 12pt Microsoft Sans Serif; border-style: outset; margin: 0px; vertical-align: middle; cursor: pointer; position: relative; top: 0px; left: 0px; width: 75px; height: 75px; z-index: 1; " class="GradientBlueButton " >3</button></td>
</tr>
</table>
</div><!--end DIV for Container control-->
<!--Break-->
<div style="clear:both; font:0px; height:0px;"></div>
<div id="GRID1.DVCONTAINER_4.D.R1" class="A5container " style="" ><!--DIV for Container control-->
<table cellpadding="2" cellspacing="0" >
<tr>
<td id="GRID1.D.TD.R1._UNBOUND_BUTTON_10" class="GradientBlueDataTD"><button type="button" id="GRID1.D.V.R1._UNBOUND_BUTTON_10" style="font: 12pt Microsoft Sans Serif; border-style: outset; margin: 0px; vertical-align: middle; cursor: pointer; position: relative; top: 0px; left: 0px; width: 75px; height: 75px; z-index: 1; " class="GradientBlueButton " >0</button> <button type="button" id="GRID1.D.V.R1._UNBOUND_BUTTON_11" style="font: 12pt Microsoft Sans Serif; border-style: outset; margin: 0px; vertical-align: middle; cursor: pointer; position: relative; top: 0px; left: 0px; width: 75px; height: 75px; z-index: 1; " class="GradientBlueButton " >00</button> <button type="button" id="GRID1.D.V.R1._UNBOUND_BUTTON_12" style="font: 12pt Microsoft Sans Serif; border-style: outset; margin: 0px; vertical-align: middle; cursor: pointer; position: relative; top: 0px; left: 0px; width: 75px; height: 75px; z-index: 1; " class="GradientBlueButton " ><<</button></td>
</tr>
</table>
</div><!--end DIV for Container control-->
<!--Break-->
<div style="clear:both; font:0px; height:0px;"></div>
</div><!--end DIV for Container control-->
<div id="GRID1.DVCONTAINER_8.D.R1" class="A5container " style="margin-top: 2px; margin-left: 0px; margin-right: 0px; margin-bottom: 0px; " ><!--DIV for Container control-->
<table cellpadding="2" cellspacing="0" >
<tr>
<td id="GRID1.D.TD.R1._UNBOUND_BUTTON_14" class="GradientBlueDataTD"><button type="button" id="GRID1.D.V.R1._UNBOUND_BUTTON_14" style="font: 12pt Microsoft Sans Serif; border-style: outset; margin: 0px; vertical-align: middle; cursor: pointer; position: relative; top: 0px; left: 0px; width: 75px; height: 158px; z-index: 1; " class="GradientBlueButton " >E<br>N<br>T<br>E<br>R</button></td>
</tr>
</table>
</div><!--end DIV for Container control-->
</td><!--TD1-->
</tr><!--TR1-->
</table>
</td>
</tr>
</tbody>
</table>
</div></div>
</td>
</tr>
</table>
I am trying to get the buttons on the attached image to align with very little space between them.
If you look at the HTML for the buttons you will see cellpadding="2" --- How do I set that it to "0" in Alpha5?
Mark Moss
<table class="GradientBlueFormTABLE" id="GRID1.DETAILVIEW_PART.FORM" cellpadding="2" cellspacing="0" >
<tbody id="GRID1.D.R1" >
<tr>
<!--Start:ErrorColumn-->
<td id="GRID1.TD.R1.__SYSTEM_ERRORCOLUMN" rowspan="1" style="[grid.columnwidth.errorColumn]" class="GradientBlueDataTD " style="display:none;"><img id="GRID1.R1.__SYSTEM_ROWERROR" src="images/$$generic.error.png.a5image" class="A5GridRowErrorIcon" /></td>
<!--End:ErrorColumn-->
<td class="GradientBlueDataTD" style="padding:0px;">
<table cellpadding="2" cellspacing="0" style="width: 100%;">
<tr><!--TR1-->
<td><!--TD1-->
<table cellpadding="2" cellspacing="0" >
<tr>
<td id="GRID1.D.TD.R1.VALUE" class="GradientBlueDataTD"><div class="GradientBlueFieldCaptionTD" ><span id="GRID1.D.LBL.R1.VALUE" >Calculator</span></div>
<div><input id="GRID1.D.V.R1.VALUE" readonly="readonly" size="30" maxlength="255" class="GradientBlueInput" type="text" name="V.R1.VALUE" value="" /></div></td>
</tr>
</table>
<div id="GRID1.DVCONTAINER_5.D.R1" class="A5container " style="" ><!--DIV for Container control-->
<div id="GRID1.DVCONTAINER_3.D.R1" class="A5container " style="" ><!--DIV for Container control-->
<table cellpadding="2" cellspacing="0" >
<tr>
<td id="GRID1.D.TD.R1._UNBOUND_BUTTON_7" class="GradientBlueDataTD"><button type="button" id="GRID1.D.V.R1._UNBOUND_BUTTON_7" style="font: 12pt Microsoft Sans Serif; border-style: outset; margin: 0px; vertical-align: middle; cursor: pointer; position: relative; top: 0px; left: 0px; width: 75px; height: 75px; z-index: 1; " class="GradientBlueButton " >7</button> <button type="button" id="GRID1.D.V.R1._UNBOUND_BUTTON_8" style="font: 12pt Microsoft Sans Serif; border-style: outset; margin: 0px; vertical-align: middle; cursor: pointer; position: relative; top: 0px; left: 0px; width: 75px; height: 75px; z-index: 1; " class="GradientBlueButton " >8</button> <button type="button" id="GRID1.D.V.R1._UNBOUND_BUTTON_9" style="font: 12pt Microsoft Sans Serif; border-style: outset; margin: 0px; vertical-align: middle; cursor: pointer; position: relative; top: 0px; left: 0px; width: 75px; height: 75px; z-index: 1; " class="GradientBlueButton " >9</button></td>
</tr>
</table>
</div><!--end DIV for Container control-->
<!--Break-->
<div style="clear:both; font:0px; height:0px;"></div>
<div id="GRID1.DVCONTAINER_2.D.R1" class="A5container " style="" ><!--DIV for Container control-->
<table cellpadding="2" cellspacing="0" >
<tr>
<td id="GRID1.D.TD.R1._UNBOUND_BUTTON_4" class="GradientBlueDataTD"><button type="button" id="GRID1.D.V.R1._UNBOUND_BUTTON_4" style="font: 12pt Microsoft Sans Serif; border-style: outset; margin: 0px; vertical-align: middle; cursor: pointer; position: relative; top: 0px; left: 0px; width: 75px; height: 75px; z-index: 1; " class="GradientBlueButton " >4</button> <button type="button" id="GRID1.D.V.R1._UNBOUND_BUTTON_5" style="font: 12pt Microsoft Sans Serif; border-style: outset; margin: 0px; vertical-align: middle; cursor: pointer; position: relative; top: 0px; left: 0px; width: 75px; height: 75px; z-index: 1; " class="GradientBlueButton " >5</button> <button type="button" id="GRID1.D.V.R1._UNBOUND_BUTTON_6" style="font: 12pt Microsoft Sans Serif; border-style: outset; margin: 0px; vertical-align: middle; cursor: pointer; position: relative; top: 0px; left: 0px; width: 75px; height: 75px; z-index: 1; " class="GradientBlueButton " >6</button></td>
</tr>
</table>
</div><!--end DIV for Container control-->
<!--Break-->
<div style="clear:both; font:0px; height:0px;"></div>
</div><!--end DIV for Container control-->
<div id="GRID1.DVCONTAINER_6.D.R1" class="A5container " style="margin-top: 2px; margin-left: 0px; margin-right: 0px; margin-bottom: 0px; " ><!--DIV for Container control-->
<table cellpadding="2" cellspacing="0" >
<tr>
<td id="GRID1.D.TD.R1._UNBOUND_BUTTON_13" class="GradientBlueDataTD"><button type="button" id="GRID1.D.V.R1._UNBOUND_BUTTON_13" style="font: 12pt Microsoft Sans Serif; border-style: outset; margin: 0px; vertical-align: middle; cursor: pointer; position: relative; top: 0px; left: 0px; width: 75px; height: 158px; z-index: 1; " class="GradientBlueButton " >C<br>L<br>E<br>A<br>R</button></td>
</tr>
</table>
</div><!--end DIV for Container control-->
<!--Break-->
<div style="clear:both; font:0px; height:0px;"></div>
<div id="GRID1.DVCONTAINER_7.D.R1" class="A5container " style="" ><!--DIV for Container control-->
<div id="GRID1.DVCONTAINER_1.D.R1" class="A5container " style="" ><!--DIV for Container control-->
<table cellpadding="2" cellspacing="0" >
<tr>
<td id="GRID1.D.TD.R1._UNBOUND_BUTTON_1" class="GradientBlueDataTD"><button type="button" id="GRID1.D.V.R1._UNBOUND_BUTTON_1" style="font: 12pt Microsoft Sans Serif; border-style: outset; margin: 0px; vertical-align: middle; cursor: pointer; position: relative; top: 0px; left: 0px; width: 75px; height: 75px; z-index: 1; " class="GradientBlueButton " >1</button> <button type="button" id="GRID1.D.V.R1._UNBOUND_BUTTON_2" style="font: 12pt Microsoft Sans Serif; border-style: outset; margin: 0px; vertical-align: middle; cursor: pointer; position: relative; top: 0px; left: 0px; width: 75px; height: 75px; z-index: 1; " class="GradientBlueButton " >2</button> <button type="button" id="GRID1.D.V.R1._UNBOUND_BUTTON_3" style="font: 12pt Microsoft Sans Serif; border-style: outset; margin: 0px; vertical-align: middle; cursor: pointer; position: relative; top: 0px; left: 0px; width: 75px; height: 75px; z-index: 1; " class="GradientBlueButton " >3</button></td>
</tr>
</table>
</div><!--end DIV for Container control-->
<!--Break-->
<div style="clear:both; font:0px; height:0px;"></div>
<div id="GRID1.DVCONTAINER_4.D.R1" class="A5container " style="" ><!--DIV for Container control-->
<table cellpadding="2" cellspacing="0" >
<tr>
<td id="GRID1.D.TD.R1._UNBOUND_BUTTON_10" class="GradientBlueDataTD"><button type="button" id="GRID1.D.V.R1._UNBOUND_BUTTON_10" style="font: 12pt Microsoft Sans Serif; border-style: outset; margin: 0px; vertical-align: middle; cursor: pointer; position: relative; top: 0px; left: 0px; width: 75px; height: 75px; z-index: 1; " class="GradientBlueButton " >0</button> <button type="button" id="GRID1.D.V.R1._UNBOUND_BUTTON_11" style="font: 12pt Microsoft Sans Serif; border-style: outset; margin: 0px; vertical-align: middle; cursor: pointer; position: relative; top: 0px; left: 0px; width: 75px; height: 75px; z-index: 1; " class="GradientBlueButton " >00</button> <button type="button" id="GRID1.D.V.R1._UNBOUND_BUTTON_12" style="font: 12pt Microsoft Sans Serif; border-style: outset; margin: 0px; vertical-align: middle; cursor: pointer; position: relative; top: 0px; left: 0px; width: 75px; height: 75px; z-index: 1; " class="GradientBlueButton " ><<</button></td>
</tr>
</table>
</div><!--end DIV for Container control-->
<!--Break-->
<div style="clear:both; font:0px; height:0px;"></div>
</div><!--end DIV for Container control-->
<div id="GRID1.DVCONTAINER_8.D.R1" class="A5container " style="margin-top: 2px; margin-left: 0px; margin-right: 0px; margin-bottom: 0px; " ><!--DIV for Container control-->
<table cellpadding="2" cellspacing="0" >
<tr>
<td id="GRID1.D.TD.R1._UNBOUND_BUTTON_14" class="GradientBlueDataTD"><button type="button" id="GRID1.D.V.R1._UNBOUND_BUTTON_14" style="font: 12pt Microsoft Sans Serif; border-style: outset; margin: 0px; vertical-align: middle; cursor: pointer; position: relative; top: 0px; left: 0px; width: 75px; height: 158px; z-index: 1; " class="GradientBlueButton " >E<br>N<br>T<br>E<br>R</button></td>
</tr>
</table>
</div><!--end DIV for Container control-->
</td><!--TD1-->
</tr><!--TR1-->
</table>
</td>
</tr>
</tbody>
</table>
</div></div>
</td>
</tr>
</table>
Comment