div+css實(shí)現(xiàn)兩列table效果示例
發(fā)布時(shí)間:2014-04-15 15:30:10 作者:佚名
我要評(píng)論

這篇文章主要介紹了div+css實(shí)現(xiàn)兩列table效果示例,需要的朋友可以參考下
css
復(fù)制代碼
代碼如下:.mycode{ margin-top:20px; padding-right:200px ; padding-left:50px; float:left; display:inline}
.mycode ul{ width:500px; height:300px }
.mycode li{ width:200px; float:left; height:30px; list-style:none}
.mycode li p{text-align:right; margin-top:0px} </p> <p> .sheng{ color:#F05D0B;font-weight:400;}
#ddlProjCategoryNo{ }
select {font-size:12px;width:175px; }
input {border:1px solid #7F9DB9; padding:2px; width:170px;}
#btnSearch{ background:url(../images/btnSearch.gif) no-repeat; border:none; width:90px}
復(fù)制代碼
代碼如下:<div class="mycode">
<ul>
<li><p>工程地區(qū):</p> </li>
<li><label class="sheng">廣東省-廣州市</label></li>
<li><p>工程類別:</p> </li>
<li><select name="ddlProjCategoryNo" id="ddlProjCategoryNo">
<option value="">==未選擇==</option>
<option value="000200010001">住宅社區(qū)</option>
<option value="000200010002">文化體育</option>
<option value="000200010003">展覽觀演</option>
<option value="000200010004">衛(wèi)生醫(yī)療</option>
<option value="000200010005">酒店服務(wù)</option>
<option value="000200010006">工業(yè)建筑</option>
<option value="000200010007">市政道路</option>
<option value="000200010008">園林景觀</option>
<option value="000200010009">商業(yè)綜合</option>
<option value="000200010010">行政辦公</option>
<option value="000200010011">農(nóng)業(yè)水利</option>
<option value="000200010012">環(huán)保節(jié)能</option>
<option value="000200010013">交通運(yùn)輸</option>
<option value="000200010014">公用建筑</option>
<option value="000200010015">特種工程</option>
<option value="000200010016">其他</option></p> <p></select></li>
<li><p>工程階段:</p></li>
<li><select name="ddlProjStageID" id="ddlProjStageID">
<option value="0">==未選擇==</option>
<option value="1">工程籌備(咨詢、概念設(shè)計(jì))</option>
<option value="2">勘察設(shè)計(jì)</option>
<option value="3">主體施工</option>
<option value="4">設(shè)備安裝</option>
<option value="5">裝飾裝修</option>
<option value="6">園林景觀</option>
<option value="7">竣工測試</option>
<option value="8">其他</option></p> <p></select>
</li>
<li><p>項(xiàng)目類型: </p></li>
<li><select name="ddlProjType" id="ddlProjType">
<option value="">==未選擇==</option>
<option value="室內(nèi)裝飾">室內(nèi)裝飾</option>
<option value="擴(kuò)建">擴(kuò)建</option>
<option value="改建/加建">改建/加建</option>
<option value="新建">新建</option>
<option value="翻新">翻新</option></p> <p></select></li>
<li><p>工程開工時(shí)間大于:</p></li>
<li> <input name="tbProjBeginDateMore" type="text" value="" id="tbProjBeginDateMore" onfocus="setday(this)" /> </li>
<li><p>工程開工時(shí)間小于:</p></li>
<li> <input name="tbProjBeginDateLess" type="text" value="" id="tbProjBeginDateLess" onfocus="setday(this)" /></li>
<li><p>發(fā)布時(shí)間大于:</p></li>
<li> <input name="tbProjBeginDateMore" type="text" value="" id="tbProjBeginDateMore" onfocus="setday(this)" /> </li>
<li><p>發(fā)布時(shí)間小于:</p></li>
<li> <input name="tbProjBeginDateLess" type="text" value="" id="tbProjBeginDateLess" onfocus="setday(this)" /></li>
<li><p>更新時(shí)間大于:</p></li>
<li> <input name="tbProjBeginDateMore" type="text" value="" id="tbProjBeginDateMore" onfocus="setday(this)" /> </li>
<li><p>更新時(shí)間小于:</p></li>
<li> <input name="tbProjBeginDateLess" type="text" value="" id="tbProjBeginDateLess" onfocus="setday(this)" /></li>
<li></li>
<li> <input type="submit" name="btnSearch" value=" " id="btnSearch" class="style1" /></li>
</ul>
</div>
相關(guān)文章
Div+CSS對(duì)HTML的table表格定位用法實(shí)例
這篇文章主要介紹了Div+CSS對(duì)HTML的table表格定位用法實(shí)例,文中講到了CSS的定位差異問題需要的朋友可以參考下2016-03-11CSS:Table-cell屬性的妙用讓div也能享受table定位的好處
你要是用div的話,一會(huì)inline一會(huì)float很是蠻煩。怎么樣才能在使用div的時(shí)候也能享受的table定位的好處呢?下面有個(gè)好的方法2014-09-04通過css屬性margin:auto讓Div中的Table居中
在div標(biāo)簽中加入text-align:center里面的Table是不會(huì)居中的,在Table中加上 margin:auto就可以實(shí)現(xiàn)居中效果,下面有個(gè)示例,大家可以參考下2014-03-19使用div+css布局過程中在什么時(shí)候使用table呢
想必很多朋友都在詢問這個(gè)問題,就是在應(yīng)用DIV+CSS布局以后該在什么時(shí)候使用table呢?下面針對(duì)這個(gè)問題,為大家詳細(xì)介紹下2014-03-17html 隱藏div HTML里隱藏表格TABLE或者DIV內(nèi)容的css樣式
突然想起幾年前用過的一個(gè)隱藏樣式代碼,有些時(shí)候用它非常方便,比如想讓某塊表格TABLE或者DIV里的內(nèi)容完全看不到,那就加上他,嘿嘿,就隱身了,需要的朋友可以了解下2012-12-21Table2CSS 表格轉(zhuǎn)換DIV+CSS工具 3.0.0完美漢化特別版
這是一個(gè)搜索引擎優(yōu)化工具,轉(zhuǎn)換成網(wǎng)頁的HTML代碼表tableless的CSS 。 當(dāng)前網(wǎng)頁流行用div+css布局,大家可以參考下。2009-12-08div+css table布局實(shí)現(xiàn)代碼
下面是我翻譯的內(nèi)容,是根據(jù)我對(duì)文章的理解意譯的,你就別挑哪里翻譯的不對(duì)了,我的目的只是傳達(dá)這個(gè)CSS技巧 許多網(wǎng)頁設(shè)計(jì)師都喜歡,將兩個(gè)或者多個(gè)容器等高的并排放2009-03-10DIV與Table布局在大型網(wǎng)站的可用性比較-CSS教程-網(wǎng)頁制作-網(wǎng)頁教學(xué)網(wǎng)
DIV與TABLE本身并不存在什么優(yōu)缺點(diǎn),所謂web標(biāo)準(zhǔn)只是推薦的是正確的使用標(biāo)簽,好比說:DIV用于布局,而TABLE則本來就是轉(zhuǎn)二維數(shù)據(jù)的。讓TABLE做該做的事,并不是說頁面2008-10-17html css 控制div或者table等固定在指定位置的實(shí)現(xiàn)方法
下面小編就為大家?guī)硪黄猦tml css 控制div或者table等固定在指定位置的實(shí)現(xiàn)方法。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考,一起跟隨小編過來看看吧2016-06-13