Re: [問題] Google Web Designer 新手問題
※ 引述《yhn0tgb60 (呦厚厚)》之銘言:
: 我是個 html 和 javascript的新手
: 最近因為在學英文 想做個工具給自己用
: 覺得html很方便 只要能開遊覽器就可以執行 加上我要寫的功能沒有很難
: 所以我就寫html
: 我編輯工具是用 Google Web Designer 會用他的原因是因為免費
剛剛去看一下程式碼..好髒
就去裝個sublime來練..也不用錢
: 不過其實網路上的資訊很少....
: 我目前遇到了幾個問題
: 1. 我在按鈕上有設定文字 例如按鈕上有字 "Next"
: 我希望按鈕的字是不能選的 我有試著加入
: -moz-user-select: none;
: -khtml-user-select: none;
: user-select: none;
: 不過沒有用
看起來應該是prefix打錯了
https://css-tricks.com/almanac/properties/u/user-select/
: 2. 我想做一個可輸入文字的欄位
: 但是 Google Web Designer 似乎沒有內建這個元件
: 所以我直接在 程式碼中加了 textarea 的元件
: 但這有個問題 就是對位怪怪的 座標和size 會跑掉
: 在編輯器中看到的和瀏覽器中看到的不同 而且不同瀏覽器看到的也有落差
: 後來我把一個div 改成 input 解決了這個問題
: 可以輸入文字 而且位置和size 都是正確的
: 但是 屬性會沒功能
: 本來文字欄位 我有設定自動換行 overflow: auto;
: 但是我從 div 改成 input 後 就不會自動換行了
: 不知道怎麼處理這問題
瀏覽器看到的不一樣的問題
你要在前面加上reset.css或是normalize.css
自己google關鍵字
編輯器跟broswer看起來不一樣
結論就是..早點脫離wysiwyg編輯器
就早點脫離苦海
你想要預覽就用chrome
然後去學一下開發者工具怎麼用
以前上課老師不會教
看書也沒講
但是這東西 很重要 很重要 很重要
: 3. 我想做個下拉式選單
: 不過我在 Google Web Desginer 中沒有到這元件
: 這應該是很基本的吧 = =
: 還是網路上有沒有現成的元件包可以下載啊?
: 第一次接觸 問題很多 請大家多多指教!!!
你講的是下面這個?
沒有js的版本
http://jsbin.com/jahinoyehi/edit?html,css,output
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 175.182.168.58
※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1445259206.A.F67.html
推
10/20 09:02, , 1F
10/20 09:02, 1F
討論串 (同標題文章)
本文引述了以下文章的的內容:
完整討論串 (本文為第 2 之 2 篇):