test csss

展开阅读全文

CSSs

09-30

问题: rn html界面上的目录{操作}下面有二个操作{修改}{删除},这{修改}{删除}显示在左边,我想调这二个操作于中间,但是我实现不了,请问怎么办。 rnrn1. CSS Sources: rnrnbody rnbackground:#e8f1fa; rncolor:#333; rnfont-size:12px; rnfont-family:宋体, Arial, Helvetica, sans-serif; rntext-align:center; rnline-height:20px; rn rna img, :link img, :visited img border: 0; rntable border-collapse:collapse; rnul list-style:none; rnq:before, q:after,blockquote:before, blockquote:after content: ""; rnrn.bold font-weight:bold; rn.red,a.red color:#F00; rn.white,a.white color:#fff; rnrn/* Link */ rna color:#285264; rna:link, a:visited color:#1e83b7;text-decoration:underline; rna:hover color:#1e83b7;text-decoration:underline; rna.dark color:#333; rnrn/* Elements */ rnh1 font-size:16px; rnh2 font-size:14px; rnh3 font-size:14px; rnh4 font-size:12px; rnh5 font-size:12px; rnh6 font-size:12px; rnrnsmall font-size:11px; rnoptionpadding-left:5px; rnrn/* Standard */ rn.float-left float:left; rn.float-right float:right; rn.clear-both clear:both; rn.text-left text-align:left; rn.text-right text-align:right; rn.text-center text-align:center; rn.italic font-style:italic; rn.spacer height:6px; rnrn.hide display:none; rn.show display:block; rnrn.small font-size:11px;font-family:tahoma, mingliu; rn.large font-size:14px; rn.emptyvisibility:hidden; rnrn.spacer height:6px; overflow:hidden; rn.relative position:relative; rnrn/* Form */ rnfieldset border:none; rninput, select vertical-align:middle; font-size:12px; rnlabel color:#666; cursor:pointer; font-weight:bold; rntextarea border:1px solid #bdc7d8;padding:3px;font-size:12px;overflow:auto; rnselect, label, textarea,input font-family:'lucida grande',tahoma,verdana,arial,simsun,sans-serif; rn.input-text border:1px solid #bdc7d8;padding:1px; rn.input-checkbox margin-right:5px; rn.input-file border:1px solid #bdc7d8; rn.input-button, .input-submit background-color:#dddddd; border-color:#686868 #686868 #686868 #686868; border-style:solid; border-width:1px; color:#000; cursor:pointer; font-size:12px; padding:2px 15px; text-align:center; rninput.gray border:1px solid; border-color:#fff #848484 #848484 #fff; background:#f0f0f0; color:#333; rninput.mini padding:2px; rninput.large padding:3px 15px;font-size:14px; rnrn/*clearFix*/ rn.clearfix:after rncontent:"."; rndisplay:block; rnheight:0; rnclear:both; rnvisibility:hidden; rn rnrn/*Page Begin*/ rn.wrap text-align:left; width:927px; margin:0px auto; rnrn#tinyLogo background:url(Images/tiny_logo.gif) center 25px no-repeat; height:105px; rn#tinyLogo2 margin-top:20px; background:url(Images/tiny_logo.gif) left center no-repeat; height:105px; rn#tinyLogo2 .welcome float:right; margin-top:60px; text-align:right; padding:0px 20px; color:#006699; font-weight:bold; rn#tinyBox background:url(Images/tiny_box_bg.gif); position:relative; rn#tinyBox .header background:url(Images/tiny_box_head.gif); height:8px; rn#tinyBox .footer background:url(Images/tiny_box_foot.gif); height:32px; rn#tinyMenuA list-style:none; padding:0px 20px; position:absolute; left:0px; top:-28px; rn#tinyMenuA li float:left; display:inline; margin:0px 1px; width:81px; line-height:34px; text-align:center; font-size:14px; font-weight:bold; overflow:hidden; cursor:pointer; rn#tinyMenuA li.common background:url(Images/tiny_menu_btn_bg.gif) center bottom no-repeat; color:#fff; rn#tinyMenuA li.current background:url(Images/tiny_menu_btn_current.gif) center bottom no-repeat; color:#3a659a; rn#tinyMenuB float:right; clear:both; list-style:none; padding:0px 20px; rn#tinyMenuB li float:left; display:inline; margin:0px 1px; width:77px; line-height:24px; text-align:center; font-size:14px; font-weight:bold; overflow:hidden; cursor:pointer; background:url(Images/tiny_menu_btn2_bg.gif) center bottom no-repeat; color:#fff; rn#tinyBox .boxA float:left; margin:10px 20px; width:415px; height:265px; padding:3px; border:1px solid #d9d9d9; overflow-x:hidden; overflow-y:auto; rn#tinyBox .boxLogin float:right; width:350px; height:265px; margin:40px 55px 0px 0px; rn#tinyBox .boxLogin .title background:url(Images/login_title.gif) center center no-repeat; height:53px; rn#tinyBox .boxLogin ul list-style:none; rn#tinyBox .boxLogin ul li margin:10px; rn#tinyBox .boxLogin ul li .input-text width:250px; height:20px; font-size:16px; rn#tinyBox .boxLogin ul li .vcode width:100px; rn#tinyBox .boxLogin ul li .input-button background:url(Images/tiny_btn_bg.gif); width:85px; height:42px; border:none; font-size:14px; font-weight:bold; rn#mdbox background:url(Images/mdbox_bg.gif); rn#mdbox .lefter float:left; background:url(Images/mdbox_left.gif); width:6px; height:453px; rn#mdbox .righter float:right; background:url(Images/mdbox_right.gif); width:6px; height:453px; rn#mdbox .main margin:0px 10px; rn#boxC padding:100px; rn#boxC ul list-style:none; rn#boxC ul li float:left; display:inline; margin:0px 42px; cursor:pointer; rn#mdbox .main .help text-align:right; padding:0px 50px; rn#header height:64px; background:url(Images/header_bg.jpg); rnrn----------------------------- rn主要是这个CSS的设置吧 rn#righter .ManagerSeprUnitPage list-style:none; rn#righter .ManagerSeprUnitPage li float:left; display:inline; margin-left:1px; text-align:center; overflow:hidden; rn#righter .ManagerSeprUnitPage li.colsA width:115px; display:none; rn#righter .ManagerSeprUnitPage li.colsB width:290px; rn#righter .ManagerSeprUnitPage li.colsC width:219px; rn#righter .ManagerSeprUnitPage li.colsD width:102px; rnrn #righter .ManagerSeprUnitPage li.colsD a float:left;display:block;text-align:center;padding:0 10px; rnrn#righter .ManagerSeprUnitPage li.colFlag background:#f7f8f2; rn#righter .ManagerSeprUnitPage li em float:right; display:block; border-left:1px solid #006291; border-right:1px solid #95c7ea; height:26px; margin:3px 0px; rnrnrn2. javascript code: rnrnfunction ManagerSeprUnitPage(p) rn rnrnSkyWareAjax( rn//'xml/unitdata.xml', rn'SystemManager.aspx', rn'action=seprUnitPage&pageID='+ p, rnrnfunction(r) rn rnvar DataList = r.selectSingleNode('DataList').getElementsByTagName('UnitItem'); rn$('righterTitle').innerHTML = ' ID 名称 描述 操作 ' rnrnvar DataListText = ' '; rnfor(i = 0;i < DataList.length; i++) rnif(i % 2 != 0) rncolFlag = ' colFlag'; rn else rncolFlag = ''; rn rnrnUnitID = DataList[i].selectSingleNode('UnitID').text; rnUnitName = DataList[i].selectSingleNode('UnitName').text; rnUnitDesc = DataList[i].selectSingleNode('UnitDesc').text; rnrnDataListText += ' ' + UnitID + ' '; rnDataListText += ' ' + UnitName + ' '; rnDataListText += ' ' + UnitDesc + ' '; rnDataListText += ' 修改 删除 '; rn rnrnrn rnDataListText += ' '; rn$('righterBox').innerHTML = DataListText; rnvar DataStat = r.selectSingleNode('DataStat'); rn//$('showPage').innerHTML = '当前页码:' + p + ', 总页数:'+ DataStat.selectSingleNode('MaxPage').text; rn$('showPage').innerHTML = ShowPage('ManagerSeprUnitPage',DataStat.selectSingleNode('MaxPage').text,p); rn$('righterButtons').innerHTML = ' '; rn rn); rn rnrn3. rn我个人的方法为: rn第一。 rndispaly:inline text-align:center;还是原来的样子。 rnrn第二。 rn后来我又加了dispaly:inline text-align:center; padding:5px;还是原来的样子。 rnrn第三。 rn我用margin-left+border-left+padding-left+width+padding-right rn+border-right+margin-right倒是变了,但特别不好看。 rnrnrn4. rnrn#righter .ManagerSeprUnitPage li.colsD a float:left;display:block;text-align:center;padding:0 10px;也不行的 rn在firefox还要加上 margin:0 auto;才会居中。 rn请各位达人帮我看下。谢谢 rnrn雅琦 rnrn 论坛

没有更多推荐了,返回首页