請問title的圖片要如何與文字對齊? - 部落格

※ 引述《hc7 (evanescence)》之銘言：
: 我在文章標題前面放了圖片
: 但是不知道要如何更改語法
: 讓圖片與文字能夠對齊?
: 我的blog http://blog.yam.com/seemhd7
: 就是這樣..圖片比文章還高
: 雖然只有一點點但是覺得很不協調
: 請問在語法上要如何更改呢?
: 目前title的語法如下
: .title {
: background-image: url(http://blog.yam.com/seemhd7/7c9d77f5.gif);
: background-repeat: no-repeat;
: PADDING-LEFT: 10px;
: FONT-WEIGHT: bold;
: FONT-SIZE: 18px;
: COLOR: #FFFFCC;
: HEIGHT: 10px;
: padding-left: 25px;}
: 謝謝

因為圖與文字的高度不一樣，兩邊都從最頂端開始排起，就會造成你的問題。
可以加入底下的語法到 .title 中：

background-position: left center;
(表示背景圖水平置左，垂直置中)

或是用更精確的指定方式：

background-position: 0px 5px;
(表示背景圖自元件左上角原點起，右移 0px, 下移 5px)

ps. 你的網站用 firefox 開啟的話會一整個亂掉

--

http://yuxioz.blogspot.com/

--