您在這裡

關於view一些問題,求助大家解答

moremina's 的頭像
moremina 在 2014-10-27 (週一) 14:50 發表

這是小妹的網站: http://www.hopeandlove.url.tw/picked-dognothern

一直找不到同樣問題的文章,又是個初學者,只好上來求助Q.Q..

--------------------------------------------------------------
首頁 » 拾獲毛孩 » ♥狗狗Dog » 中部

這個頁面使用View的gird做出來的,圖片顯示設定100*100,但是如同看到的格子,非常的醜,不知道有沒有什麼辦法讓欄寬固定,不會受文字長度及照片的影響而導致欄寬大小不一定。另外我有搜尋出類似的文章,好像要改什麼css的,對這方面實在不太理解,應該說不懂去哪邊改..

然後我也有搜尋到說,可以把view的girl變漂亮、好看一些,有人提供了Views Fluid Grid模組,但這模組似乎有很多注意事項及要更改的地方,實在不知道要怎麼運用這個模組,是否也能教導我這個模組如何使用?

 

你大概可以這麼做,

要先知道id是什麼,然後再到style.css這個檔案裏面去增加樣式

.view-picked-dogcentral .views-field-field-picked-dogphoto {
  width: 165px; //設定圖片寬度
  margin: 0 auto; //置中
}

.view-picked-dogcentral .views-field-title {
  width: 165px; //寬度
  font-size: 12px; //字體大小
  text-align: center; //文字置中
  margin: 0 auto; //置中 這個跟上面,應該則一寫就可以了 但我兩個都寫上去就是了
}

 

類似這樣的作法,就可以將每個欄位都設定固定寬度

我是這樣有點土法煉鋼的方法,可能其他大大會有更好建議!

.view-picked-dogcentral .views-field-field-picked-dogphoto {
  width: 165px; //設定圖片寬度
  margin: 0 auto; //置中

想詢問一下,文內提到設定圖片寬度,這個跟在VIEW裡面設定圖片顯示的大小是同一個設定嗎?

 

=.=...難怪我會找不到

因為我一直在找VIEWS>CSS..crying

 

 

-------------------------------------------------

ID是指這個嗎? BLOCK?
那整段位置隨便找個地方加嗎?