目前分類:一堆專用區 (7)

瀏覽方式: 標題列表 簡短摘要

考慮到多數使用者的螢幕解析度不見得都是設定成最大解析度

所以整個BLOG的寬度就只好採用預設值

但是這樣文章區的圖片就只能顯示600px,超過就會被卡掉

解決方法很簡單,就是修改CSS裡面的overflow語法

首先確定 .article-content 沒有設定overflow:hidden;

有的話可以在前後加上註解,讓設定失效。 /* .article-content{xxx} */

再來找到#main跟#content

不管預設值有沒有overflow,一律加上overflow: visible;

這樣子超過600px的圖就會突破div的寬度限制

同時也不會破壞整個結構

範例:http://matmoki.pixnet.net/blog/post/27549294

備註:盡量把大圖加在文章的尾巴,不然會蓋到右邊

 

// 延伸資訊 //

http://www.hsiu28.net/style/style_11.php

http://subocheng.blogspot.com/2007/11/div-overflow-width-100.html

MatMoki 發表在 痞客邦 PIXNET 留言(1) 人氣()

Create CSS Curly Quotes Without Images
http://www.nealgrosskopf.com/tech/thread.php?pid=21
http://www.flickr.com/photos/intervisual/966351488/

 


blockquote
{
margin: 2em 0px;
padding-left: 40px;
padding-right: 80px;
}
 
blockquote:before
{
color: #990000;
content: '\201C'; /* http://monc.se/kitchen/129/rendering-quotes-with-css */
font-family: Arial, Helvetica, sans-serif;
font-size: 6em;
font-weight: bold;
line-height: 0px;
margin: 0px 5px 0px -40px;
vertical-align: bottom;
}


blockquote:after
{
color: #990000;
content: '\201D'; /* http://monc.se/kitchen/129/rendering-quotes-with-css */
font-family: Arial, Helvetica, sans-serif;
font-size: 6em;
font-weight: bold;
line-height: 0px;
margin: 0px 5px 0px 500px;
vertical-align: bottom;
}

橘色部分為我自行新增部分

MatMoki 發表在 痞客邦 PIXNET 留言(0) 人氣()

抓取div
http://social.msdn.microsoft.com/forums/zh-TW/236/thread/37a2513f-a8bc-4dfb-92db-38a6169d7549
http://kingjoy1235.pixnet.net/blog/post/28598212
http://www.freegroup.org/2010/01/free-web-hosting-zymic/

http://kingjoy1235.pixnet.net/blog/category/1609027/2

http://andy.diimii.com/2009/03/php抓取網頁特定div區塊及圖片/

phpinfo()
http://timmy5519.pixnet.net/blog/post/30273183
http://openlyu.com/forums/index.php?topic=714.0

MatMoki 發表在 痞客邦 PIXNET 留言(0) 人氣()

能源商品期貨價格
http://www.cnyes.com/futures/energy.aspx

黃金
http://www.cnyes.com/gold/

華爾街日報
http://chinese.wsj.com/big5/index.asp

MatMoki 發表在 痞客邦 PIXNET 留言(0) 人氣()

NY BAGELS
http://www.nybagelscafe.com/

利家日式咖哩屋
http://www.wretch.cc/blog/vivianchiu/6456750

 

MatMoki 發表在 痞客邦 PIXNET 留言(0) 人氣()

DocFetchr 找尋檔案中文字(doc、xls...)
http://playpcesor.blogspot.com/2010/02/docfetcher.html

MatMoki 發表在 痞客邦 PIXNET 留言(0) 人氣()

聚亨網
http://www.cnyes.com/forex/

玉山銀行歷史匯率走勢圖
http://www.esunbank.com.tw/info/foreign_exchange_chart.aspx

玉山銀行分行資訊
http://www.esunbank.com.tw/service/branch.info

 

MatMoki 發表在 痞客邦 PIXNET 留言(0) 人氣()