解決firefox下自適應高度的問題 原創

轉載請註明來源www.jb51.net請在firefox下瀏覽查看效果,ie下不能看到效果 原理是:在float下面加上一個空的div,一般可以解決這類問題原來這樣的

初學prototype,發個JS接受URL參數的代碼

複製代碼 代碼如下:<script> function request(key) { if(typeof(this)=="undefined")return false; if(this.length>0) { var s = this.split("&"); for(var i in s) { var sp=s[i].split("=") if(sp[0]==key)return(sp[1]); } return false; } else

定義標題的最好方法

作者:阿宏 2005-4-15 20:45:18原文:What is the Best Way to Mark up the Title of a Document? 說明:本文是 《Web Standards Solutions: The Markup and Style Handbook》一書中的一章。書號:ISBN:1590593812。我們會陸續翻譯此書中有價值的章節。 原作者:Dan Cederholm 翻譯:阿宏

alt屬性和title屬性

作者:JunChen 2005-5-23 12:00:35原文:http://www.456bereastreet.com/archive/200412/the_alt_and_title_attributes/ 翻譯:JunChen首發:http://blog.handsbrain.com/junchen/archive/2005/05/21/3355.aspx 著作權:本文著作權歸譯者Junchen所有,轉載請先聯絡譯者。

元素水平置中方案全集

先來看我一個簡單XHTML/HTML檔案代碼(部分),我們的目的是讓#container水平置中。<body> <div?id="container"> <h1>content</h1>

在IE中為abbr標籤加樣式

作者:JunChen 2005-5-24 9:56:57原文:http://www.sovavsiti.cz/css/abbr.html 翻譯:JunChen著作權:譯者JunChen所有,轉載請聯絡譯者。 簡介<abbr>是用來為web頁面上的簡稱(譯者註:這裡把簡稱和縮寫分開而論,簡稱範圍比縮寫大,取首字母的縮寫用<acronym>標籤)添加適當標註的XHTML標籤,Windows的IE瀏覽器暫不支援<abbr>標籤。 在IE裡,你可以應用CSS給<

探討vertical-align應用

與valign的對比vertical-align在小雨手冊上的解釋是:設定或檢索對象內容的垂直對其方式。我覺得不太理解的是vertical-align所在的分類是“屬性/文本”O3noBLOG特彆強調的是vertical-align和valign的不同,的確vertical-align應用最多的應該是在td內,控制內部對象位置,和td的valign屬性極其相似。valign共有四個參數:top, baseline, bottom,

未知大小圖片在容器的垂直和水平置中問題

CSS布局中,未知大小圖片的垂直置中,一直是比較頭疼的問題,標準瀏覽器只要設定容器的line-height和圖片的vertical-align:middle;就可以了,但對IE沒用,幾個月前在國外網站看到了一則對IE的解決方案,感覺不是很理想,也沒當回事。最近看到經常有朋友在問類似的問題,又把代碼翻了出來,針對IE改了下。CSS .box{height:140px;width:200px;border: solid 1px #666;text-align:center;/*水平置中*/line-

w3c技術架構介紹

作者:阿宏 2006-2-10 9:38:04 原文:http://www.w3.org/Consortium/technology原作者:w3c 翻譯:阿宏圖例說明W3C技術架構圖描繪了一個兩層的模型:全球資訊網體繫結構(被標註為“One Web”)建立在互連網(Interner)體繫結構之上。圖中豐富的Web層顯示了W3C關心的領域和發展的技術。 Web體繫結構被描繪成一系列的層,每一層都建立在另一層之上。從底至頂依次為:URI/IRI, HTTPWeb Architectural

利用相對定位及位移量做精美輸入介面

利用相對定位和位移量屬性,可以很好的實現以前需要用圖片才能實現的介面,而且實現起來比也很方便。例如,當需要使用者輸入某些資訊,我們常常會用到:標題列-內容-確定按鈕 這種結構,下面是利用CSS樣式的相對定位及位移量做的輸入介面。主要特點是:標題列圖片有向上的位移量。利用樣式:top:-10px;position:relative;

重新認識表格和一個訪問無障礙的資料表格例子

除特別說明外,本站內容採用創作共用授權署名和非商業用途,請尊重勞動成果。 表格一直是網頁設計製作過程中一個重要的組成部分,在沒學習CSS布局前,大多是用來布局的,但到目前位置發現居然還沒真正地瞭解和完全掌握表格,不得不需要重新認識表格......在現代網頁設計製作中,表格主要的用途應該是用來存放多元二維資料。和表格相關的標籤有

不用float實現模組置中布局

最常見實用的布局形式:上、中左、中右、底四個模組,寬度760px,整體頁面置中。結構代碼,top left right foot 四個模組全部獨立、互不嵌套。<div id="top">head</div><div id="left"> <div id="left_module">left</div></div><div id="right"> <div id="right_module">right</div></div><div id="foot"

組合CLASS來完成網頁布局風格

我是這樣來做DIV布局代碼的.不知道說的清楚不清楚,湊和看吧我的想法是未來能這樣:用標準件的方式來組裝網頁DIV布局我把class分為2種,布局class,風格class,布局class是骨架,風格class是衣服舉個例子:比如布局中的左欄首先它的屬性有:是左欄,寬度,背景顏色,字型顏色等1.首先會定義一個class,比如:.layout,主要用來控制頁面整個的大小.layout{width:98%;margin:0

未知大小圖片在已知容器中的垂直和水平置中問題

除特別說明外,本站內容採用創作共用授權署名和非商業用途,請尊重勞動成果。CSS布局中,未知大小圖片的垂直置中,一直是比較頭疼的問題,標準瀏覽器只要設定容器的line-height和圖片的vertical-align:middle;就可以了,但對IE沒用,幾個月前在國外網站看到了一則對IE的解決方案,感覺不是很理想,也沒當回事。最近看到經常有朋友在問類似的問題,又把代碼翻了出來,針對IE改了下。CSS .box{ height:140px; width:200px; border:

從豆瓣網站設計談網站重構

douban.com非常精巧的應用了div+css,並且通過色系的運用,最大限度減少圖片等等方式既使得網站頁面清新可人,而且可以最大限度的壓縮了網頁的大小,從而使得訪問的效率得到了最大化。第一次看douban.com,有一種拿著“讀書”雜誌在手上閱讀的感覺,很素雅,好像還有那麼點書香氣息。被中國式網站強姦得都習以為常,以為網站也就這樣而且也只能這樣,無疑好多人第一次看到douban.com的時候都會被他的網站的簡潔所觸動,都會感覺眼前一亮!為什麼會這樣呢,於是有些想法,來看看douban.com

對display:inline;與float:left;的認識

  首先我們要明確,display:inline;與float:left;正確含義。display:inline;(內聯)《CSS權威指南》中文字顯示:任何不是區塊層級元素的可見元素都是內嵌元素。其表現的特性是“行布局”形式,這裡的“行布局”的意思就是說其表現形式始終以行進行顯示。比如,我們設定一個內嵌元素border-bottom:1px solid

用標準件的方式來組裝網頁DIV布局-WEB標準網站設計心得

有這樣一個想法,不知道可行麼例子: 布局中的左欄,它的屬性有:{居左,寬度,背景色,字型等等} 如果把每個屬性都做成一個標準件,然後這樣組裝起來使用 class="float width height background font padding....",通過多個class的標準件的引用來完成頁面配置樣式 先按需要定義好標準件如:float標準件 .l{float:left} .r{float:right} .cl{clear:left} ...width標準件 .w200

相容各個瀏覽器的技巧

1,盒解譯器的不同解釋.#box{ width:600px; //for ie6.0- w\idth:500px; //for ff+ie6.0}#box{ width:600px!important //for ff width:600px; //for ff+ie6.0 width /**/:500px; //for

重構、標準、布局

近來大家總是在標準上爭論不休,其實,這些問題一些相關文章已經說得很明白了。  以下我就談談我的看法。本文章有太多的“我認為”,說明了我只是想把我的想法拿出來跟大家商榷,或許有太多不對的地方,也請大家一一指出。  1、我對web標準的理解  所謂的web標準,在一些教程文章上已經得到結論:結構化標準(XHTML、XML)、表現標準(CSS、XSLT?)、行為標準(DOM、ECMAScript)。這些東西在網上一搜一大把,在這裡我就不多說了。我只說我自己的想法:  a.標準是相對的,有其一定的局限性

怎樣才能使大網站規範

asp開發規範 一、單頁編寫規範: 切記頁面要分模組來寫: 第一模組:接收參數。[有可能從不同頁面提交到同一個頁面;也可能出現兩個表單項以哪個優先的處理)。 第二模組:定義全域變數。 第三模組:寫處理代碼(盡量將代碼都包含到函數中,詳見頁面附註一)。——到此asp代碼主要部分完成。 第四模組:純html代碼,利用儲存在全域變數中的值來產生頁面。 第五(注意):要在頁面頭部寫清頁面邏輯。(如何接收、處理。) 優點:便於維護。模組獨立,便於重複使用到類似頁面。 二、全站檔案構建規範:

總頁數: 61357 1 .... 2623 2624 2625 2626 2627 .... 61357 Go to: 前往

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.