in

Darkthread

黑暗執行緒
All Tags » CSS (RSS)

Browse by Tags

  • IE8-好用的CSS"試算"功能

    慢慢開始發現IE8的Developer Tools有些過人之處,面對Firebug,不再只是被壓著打。 以下這個功能就深得我心!! 追出元素上套用的所有的CSS設定及其來源一點也不稀奇,是各大Browser輔助工具必備的本事,但IE8 Developer Tools的Style追蹤畫面上,每個設定前方都附了一個Checkbox,勾一下就可以立刻看出有設與沒設的差別,這個貼心設計用來找版面配置問題上犀利無比,讓我不禁想起立鼓掌。 另外,小磁片按鈕也很好用,看到喜歡的css, js, html,按一下就可以馬上存檔,雖然只是省去了Select All + Copy + Open Notepad +...
    公佈在 黑暗執行緒 (Weblog)Jeffrey 發表於 03-28-2009
  • CODE-用CSS實現圖檔裁切效果

    不知道大家有沒有在網頁上寫過計數器這類用數字或英文圖檔拼湊出完整數字/語句的需求。 最直覺的做法是分別做出0.gif, 1.gif, ... 9.gif等10個圖檔,再輸出<img src="0.gif" /><img src="2.gif" />標籤就可以搞定。但這樣有幾個小缺點: 英數字圖檔眾多,如果連英文字母都要包含進去,檔案數多達數十個檔案,製作跟管理較麻煩。 每個GIF檔都需要固定大小儲存檔頭、調色盤資料,小圖檔案愈多,就要浪費更多空間用來擺放明明可以共用的資料,不符經濟效益。 每個<img>只傳回單一字母數字...
    公佈在 黑暗執行緒 (Weblog)Jeffrey 發表於 12-22-2008
  • 【茶包射手專欄】被CSS排擠的IE

    幫忙看了一個問題,某個大家已經檢視無誤的網頁,在某位同事檢視時,發現所有的CSS格式設定都不見了,表格底色、字型都變成IE的預設值,感覺上是整個CSS失效。 先用 Fiddler2 檢視,確認CSS、JS等都下載正常,沒有發生HTTP 404下載檔案失敗的問題。為什麼大家看到的網頁都正常,只有這台機器被排擠呢? 遇到這種"眾人皆好我獨爛"的金包銀情境,當務之急不是怨天尤人,而該反躬自省: 我的機器跟別人有什麼不一樣?? 比對的重點,OS/IE版本、網路設定都要留意。我發現到最大的不同點,這台機器的IE是IE6,而其他檢視正常的機器是IE7。 這時我腦中快速閃過幾個畫面......
    公佈在 黑暗執行緒 (Weblog)Jeffrey 發表於 10-28-2008
  • TIPS-使用CSS客製Reporting Service匯出選項

    很久很久以前,我寫了一篇KB介紹停用特定Reporting Service報表匯出格式的 做法 ,除了修改config外,我還提出了可以透過指定Stylesheet遮蔽部分匯出選項的做法。 使用Stylesheet的做法,使用者可以透過去除URL rs:stylesheet參數讓防護手法破功,因此我在原先的KB裡只稍稍帶過,並未再花時間再深入研究。不過,日前網友草莓妹問到如何利用第二種方法,以CSS引進Javascript去更動內容。 雖然我覺得用Stylesheet去卡Reporting Service匯出選項的實用性不高,但這一招在某些只允許你改變CSS,不准變動網頁內容的場合有些用處,所以花了點時間...
    公佈在 黑暗執行緒 (Weblog)Jeffrey 發表於 04-09-2008
  • 【茶包射手系列】忠貞不二的CSS檔

    悶! 抓了好久! 同事設計好頁面樣式,給了我一個HTML跟CSS,讓我套用到ASP.NET網頁上。我在ASPX裡用<link href="site.css" type="text/css" rel="stylesheet" />套用樣式,卻怎麼都無法生效! 最詭異的是,CSS無法生效的ASPX,用IE檢視原始檔後另存成HTML,跟ASPX放在同一個目錄下用IE檢視,CSS效果就出得來,這這這... 用 IE Developer Toolbar Trace Style功能檢查,發現在ASPX中,指定Class Name也對不出有效的Style...
    公佈在 黑暗執行緒 (Weblog)Jeffrey 發表於 12-10-2007
  • TOOLS-Implement Operation Mask With Javascript

    設計網頁時,有時需要從Client-Side禁止使用者點選、編輯某些網頁元素(如TextBox、Select、Radio、Checkbox...)。偏偏設成唯讀的做法Input, TextArea, Select不盡相同,還要小心設定disabled屬性會影響值是否傳回Server-Side,過去我還特別寫了很複雜的JS萬用函數負責將各元件設成唯讀。 AJAX開始流行起來之後,我注意到其中一項有意思的特效--Modal Dialog。當使用者叫出某個檔案上傳或選取器對話框時,為了要求使用者完成選項才將焦點交回原網頁,會用一段Javascript將整個網頁刷灰,禁止使用者點選操作,唯一能操作的區塊只有聚焦的對話框...
    公佈在 黑暗執行緒 (Weblog)Jeffrey 發表於 09-22-2007
  • 【茶包射手專欄】IE Developer Toolbar破案奇錄

    接獲通報,Sharepoint Portal的首頁,原本在IE6上看是藍底白字的MenuBar,在IE7上看到的是白底白字。 這回破案的主角不是茶包一哥Process Monitor了,而是 IE Developer Toolbar !! 利用Find/Find By Click的功能找到MenuBar的DOM處,再用下圖的好功能一舉追出它的CSS套用狀況。 在IE7中看到以下的異象: -: #75A3DF... 這是啥? (咳! 不准想歪) 跟IE6比對的結果,應該是BACKGROUD-COLOR : #75A3DF才對。 由於已知是core.css,追到該檔案,發現.linebg Style誤打了一個Dash...
    公佈在 黑暗執行緒 (Weblog)Jeffrey 發表於 08-16-2007
  • TIPS-XHTML下如何強制指定SPAN寬度

    先前我寫過一篇 KB ,談過套用XHTML後,TextArea的Width光設定數字時無法生效,必須再註明px才可以。今天在處理SPAN時,又遇到同樣的問題! 以下的寫在如果不加第一列的<!DOCTYPE...>,可以顯示向左靠的Left及向右靠的Right文字。但若加了XHTML宣告,則Left與Right就會接連著擠在一起。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >...
    公佈在 黑暗執行緒 (Weblog)Jeffrey 發表於 01-08-2007
  • KB-失控的HTML物件

    當你在VS 2005中新增一個ASP.NET網頁,預設會套用XHTML標準,也就是你會在頁首看到這麼一列DOCTYPE的宣告: (想多了解一點DOCTYPE的人可以看 這裡 ) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 過渡型的(Transaitional)的XHTML Schema是三種DOCTYPE標準中最隨和的一個,但套用在我們過去慣用HTML的"隨便"寫法上,還是會引發一堆語法警告及錯誤...
    公佈在 黑暗執行緒 (Weblog)Jeffrey 發表於 12-12-2006
第4頁,共4頁 (39個項目) < 上一頁 1 2 3 4
Powered by Community Server (Non-Commercial Edition), by Telligent Systems