Re: [問題] Google Web Designer 新手問題

看板Web_Design作者 ( )時間8年前 (2015/10/19 20:53), 編輯推噓1(100)
留言1則, 1人參與, 最新討論串2/2 (看更多)
※ 引述《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
文章代碼(AID): #1M9EV6zd (Web_Design)
文章代碼(AID): #1M9EV6zd (Web_Design)