Hi-
Below is the HTML for an entire page. What I want to do is place a space between the "Delete" and "Update" button. This should be obvious once you look at the page. I want to make sure this works in both Netscape and IE and some other browsers so I am adding my border color by wrapping tables. If anyone could should me how to get a space in between those two button that would be great! Thanks in advance - u
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<style>
.Default {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px
}
.Navigation {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #333399;
text-decoration: none;
line-height: normal
}
.BodyText {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: 000000;
text-decoration: none
}
</style>
<html>
<head>
<title>My Links</title>
</head>
<form name="frmThis" method="post">
<script language="javascript">
function toggle(thisDiv, thisPlus, thisMinus){
thisDiv.style.display = (thisDiv.style.display == "none" ) ? "inline" : "none";
if(thisDiv.style.display == "none"){
thisPlus.style.display = "inline";
thisMinus.style.display = "none";
}
else{
thisMinus.style.display = "inline";
thisPlus.style.display = "none";
}
}
function update(){
}
function openWin(url, title){
window.open(url,title,'too
lbar=yes,l
ocation=ye
s,director
ies=yes,st
atus=yes,m
enubar=yes
,scrollbar
s=yes,resi
zable=yes,
width=400,
height=300
,left=20,t
op=20');
}
</script>
<body>
<table width="200" border="1">
<tr>
<td>
<div id="Link1">
<table width="100%>
<tr">
<td valign="center">
<div id="open1">
<img src="plus.gif" border="0" width="12" height="12" onClick="toggle(Link1Detai
ls1, open1, close1)" />
<a href="javascript:openWin('
http://www.x.com', 'x')" class="Navigation">X dot Com</a>
</div>
<div id="close1" style="display: none">
<img src="minus.gif" border="0" width="12" height="12" onClick="toggle(Link1Detai
ls1, open1, close1)" />
<a href="javascript:openWin('
http://www.x.com', 'x')" class="Navigation">X dot Com</a>
</div>
<td>
</tr>
</table>
</div>
<div id="Link1Details1" style="display:none">
<table bgcolor="000000" cellpadding="1" cellspacing="1" width="100%">
<tr bgcolor="ffffff">
<td>
<table width="100%" border="0">
<tr>
<td class="BodyText">
Title:
</td>
<td>
<input type="text" size="20px" name="txtTitle" style="border-sytle:solid"
value="X dot Com" />
</td>
</tr>
<tr>
<td class="BodyText">
URL:
</td>
<td>
<input type="text" size="20px" name="txtURL" style="border-sytle:solid"
value="
http://www.x.com"/>
</td>
</tr>
<tr>
<td colspan="2" align="right">
<table border="0" bgcolor="000000" cellspacing="0" cellpadding="1" >
<tr>
<td>
<table border="0" cellspacing="0" cellpadding="1" bgcolor="000000">
<tr>
<td bgcolor="ffffff" align="center">
<a href="javascript:update()"
class="Navigation">Update<
/a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
<div id="Link2">
<table width="width="100%">
<tr>
<td valign="center">
<div id="open2">
<img src="plus.gif" border="0" width="12" height="12" onClick="toggle(Link2Detai
ls, open2, close2)" />
<a href="javascript:openWin('
http://', 'x')" class="Navigation">Customi
ze me</a>
</div>
<div id="close2" style="display: none">
<img src="minus.gif" border="0" width="12" height="12" onClick="toggle(Link2Detai
ls, open2, close2)" />
<a href="javascript:openWin('
http://', 'x')" class="Navigation">Customi
ze me</a>
</div>
<td>
</tr>
</table>
</div>
<div id="Link2Details" style="display:none">
<table bgcolor="000000" cellpadding="1" cellspacing="1" width="100%">
<tr bgcolor="ffffff">
<td>
<table width="100%" border="0">
<tr>
<td class="BodyText">
Title:
</td>
<td>
<input type="text" size="20px" name="txtTitle" style="border-sytle:solid"
value="Customize me" />
</td>
</tr>
<tr>
<td class="BodyText">
URL:
</td>
<td>
<input type="text" size="20px" name="txtURL" style="border-sytle:solid"
value="
http://www.CustomizeMe.com" />
</td>
</tr>
<tr>
<td align="right" colspan="2">
<table border="0" bgcolor="000000" cellspacing="0" cellpadding="1">
<tr>
<td>
<table border="0" cellspacing="0" cellpadding="1" bgcolor="000000">
<tr>
<td bgcolor="ffffff" align="center">
<a href="javascript:update()"
class="Navigation">Delete<
/a>
</td>
</tr>
</table>
</td>
<td>
<table border="0" cellspacing="0" cellpadding="1" bgcolor="000000" width="100%">
<tr>
<td bgcolor="ffffff" align="center">
<a href="javascript:update()"
class="Navigation">Update<
/a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
</body>
</form>
</html>
