Re: [問題] 請問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/
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 203.73.237.165
※ 編輯: yuxio 來自: 203.73.237.165 (09/28 07:38)
推
09/28 10:46, , 1F
09/28 10:46, 1F
討論串 (同標題文章)
本文引述了以下文章的的內容：
完整討論串 (本文為第 2 之 2 篇)：
Blog 近期熱門文章
PTT數位生活區 即時熱門文章
