table 中的span - ITeye问答

0 0

table 中的span5

看如下代码：
var html = new Array();
html[html.length] = '<div id="contentTypeRow'+typePropertyRowCount+'" style="padding:0px;" >';
html[html.length] = '<table cellspacing="0" cellpadding="0" border="0" borderColor="#ababab" style="border-collapse:collapse;" class="ruleTable">';
html[html.length] = '<tr>';
html[html.length] = '<td >';
html[html.length] = '<table class="PFTable" cellspacing="0" cellpadding="0" border="0" borderColor="#ababab" class="ruleTable">';
html[html.length] = '<tr align="center">';
html[html.length] = '<td width="20px;" align = "center"><INPUT type=radio value = "'+ typePropertyRowCount +'" id ="contentTypeSelectRadio'+ typePropertyRowCount +'" name="contentTypeRowSelect"></td>';
html[html.length] = '<td width="180px;"><input type="text" id="contentTypeName'+ typePropertyRowCount +'" class="text" size="15" onchange = "updateSelectOption('+ typePropertyRowCount +')" /></td>';
html[html.length] =                         '<td width="130px;">';
html[html.length] = '<select id="baseTypeName'+ typePropertyRowCount +'" width="70px;">';
html[html.length] = '<option value="-1" selected>'+i18n('pfms054')+'</option>';
html[html.length] = '<option value="Document">'+i18n('pfms055')+'</option>';
html[html.length] =                                 '<option value="Message">'+i18n('pfms056')+'</option>';
html[html.length] =     '<option value="Contact">'+i18n('pfms057')+'</option>';
html[html.length] =                                 '<option value="Event">'+i18n('pfms058')+'</option>';
html[html.length] =     '<option value="Task">'+i18n('pfms059')+'</option>';
html[html.length] =     '<option value="Announcement">'+i18n('pfms215')+'</option>';
html[html.length] =                             '</select>';
html[html.length] = '</td>';
html[html.length] = '</tr>';
html[html.length] = '</table>';
html[html.length] = '<td style="padding-left:5px;">';
html[html.length] =                 '<span class="addColumn" onclick = "addContentTypeRow(true,' +typePropertyRowCount+ ')" ><span class="addCSpanOut" onmouseover="addMouseOver()" onmouseout="addMouseOut()"></span></span>';
html[html.length] =                 '<span class="delColumn" onclick = "delContentTypeRow('+typePropertyRowCount+')"><span class="delCSpanOut" onmouseover="delMouseOver()" onmouseout="delMouseOut()"></span></span>';
html[html.length] =             '</td>';
html[html.length] = '</tr>';
html[html.length] = '</table>';
html[html.length] = '</div>';

addCSpanOut和delCSpanOut含有背景图片，且图片高度一样，为什么就是错位呢？

界面设计